CSS
CSS样式基本结构
CSS注释语句/*注释语句*/
CSS样式主要应用方式（4种）
行内样式、内嵌式、链接式以及导入式
1、行内样式：<h2 style="background-color:#FF6633">
2、内嵌式：<head> <style type="text/css">样式定义文本</style> </head>
3、链接式：<link href="yangshi.css" type="text/css" rel="stylesheet"
4、导入样式：<head> <style> @import "yangshi.css" </style> </head>
CSS样式表：包括内部样式表和外部样式表
CSS两个基本特性
1、层叠性
1）样式表的优先级：作者>用户>浏览器>HTML默认
用户的!important>作者的!important
2）样式的优先级：
一般：行内>内嵌，内部>外部，且!important（需放声明语句和分号之间）拥有最高优先级
常规选择器优先级：比较权值
标签选择器，伪元素或伪对象（::after等）选择器 +1
类选择器，属性选择器，伪类+10
ID选择器+100
其他为0
计算规则：
- 如果一条规则包含了更高权重的选择器，那么这个规则权重更高
- 如果最高权重的选择器是一类的，那么计算权重和比较
2、继承性
字面意思，略
ps：pre标签内特殊符号需要转换，例如<"
@规则
- @规则以 “@” 开头（例如：“@import”，“@page”）
- @规则范围（直到下一个分号或者下一个块）。
- 任何@import规则必须位于所有其它规则（除了@charset，如果有的话）之前
- “@import” 不能出现在块内部，不能跟在除“@charset”和“@import”规则外的语句后
@import "subs.css";
h1 { color : blue}
@import "list.css"; //无效，跟在除“@charset”和“@import”规则外的语句后
@media print {
@import "print-main.css"; //无效，放在了块内部
body { font-size: 10pt }
}
长度
相对单位：
- em：1em相当于当前字体的“font-size”
- ex：1ex相当于当前字体的“x-height”
绝对单位：绝对单位彼此固定不变
- in: 英寸 — 1in等于2.54cm
- cm: 厘米
- mm: 毫米
- pt: 磅（points） — CSS中的1pt等于1in的1/72
- pc: 倍卡（picas） — 1pc等于12pt
- px: 像素单位 — 1px等于0.75pt
参考
- 平面媒体（print media）和高分辨率设备推荐参考标准物理单位
- 低分辨率设备推荐参考像素单位
注意，如果参照单位是像素单位，物理单位可能与它们的物理测量不一致。或者，如果参照单位是物理单位，像素单位也可能与整数设备像素不对应
1120
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
