CSS(Cascading Style Sheets)层叠样式表
来源:互联网 发布:圣约瑟夫大学 知乎 编辑:程序博客网 时间:2024/06/05 05:13
1.CSS代码的位置
三种样式表的优先级由高到低排列如下:
内联样式表>内部样式表> 外部样式表
补充规则:优先级相同的情况下,后定义的属性会覆盖先前定义的。
其他高级规则:CSS中的important!是比较实用的技巧。
1.1 内联样式表:HTML标签内
1.2内部样式表:在head标签内,title标签后面
如上图所示
注释标签则是避免不支持CSS的浏览器将CSS内容作为网页正文显示在页面上。
在CSS中,注释以“/”开始,以“/”结束
1.3外部样式表:独立的CSS文件中
使用link标签引入到当前文档中
2.CSS基本语法
3.css选择器
(1) id选择器 #
(2) 类class选择器 .
(3)选择器分组:不同的元素使用相同的样式时,可以使用“,”逗号隔开,表示并列关系。
(4)派生选择器:使用“父元素 子元素”的格式定位到父元素下面的子元素(用空格隔开)
(5)id选择器结合派生选择器:“#id名 子元素”定位到此id下面的子元素。
(6)类选择器结合派生选择器:“.class名 子元素”定位到此class下面的子元素。
(7)元素也可以给予他们的类而被选择
4.css框模型
行框:前后不换行,不能指定宽度(a,span,strong等标签),通过display:inline指定
块框:前后换行(div,table,p,h1~h6等标签)通过display:block指定
5.
0 0
- CSS(Cascading Style Sheets)层叠样式表
- CSS层叠样式表(Cascading Style Sheets)
- CSS(层叠样式表)Cascading Style Sheets
- CSS(Cascading Style Sheets)层叠样式表
- CSS Cascading Style Sheets(层叠样式表单)
- CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets)
- 层叠样式表(Cascading Style Sheets,CSS)简介
- 二、CSS【Cascading Style Sheets层叠样式表】
- Cascading Style Sheets(CSS层叠样式表单)
- Web前端开发之CSS(层叠样式表、全称:Cascading Style Sheets)
- CSS层叠样式表 (Cascading Style Sheets)基础,CSS样式三种插入方式优先级比较
- #笔记#圣思园 JavaWeb 第2讲——CSS层叠样式表Cascading Style Sheets
- CSS-Cascading Style Sheet 层叠样式表
- CSS: Cascading Style Sheet(层叠样式表)
- CSS 样式表小结 CSS (Cascading style sheets)学完就可以写样式了
- CSS Cascade Style Sheets 样式表 层叠/级联
- Cascading Style Sheet 层叠样式表
- css (Cascading style sheet)样式表
- nil NULL Nil 区别
- 华为测试-两个超长整数相加
- shamir叠像术
- 文章标题
- 安装R语言的包的方法
- CSS(Cascading Style Sheets)层叠样式表
- 复习整理1
- Android 中如何使用CountDownTimer进行倒计时
- Swift:使用系统AVFoundation实现二维码扫描和生成
- 自定义Cell注册两种方式
- centos6.5常用命令
- C++的XML编程经验――LIBXML2库使用指南
- 同时判断CPU是大端还是小端完全实现
- <c:when> <c:forEach> 标签