优先级顺序:行内样式表 > 嵌入式样式表 > 外部样式表 > 浏览器默认样式
id选择器优先级 > 类选择器优先级 > 标签选择器优先级
全局选择器*
反向选择:not(div){color:red;}
[attribute="value"] | 属性等于value |
[attribute~="value"] | 属性包含完整value |
[attribute|="value"] | 属性等于value或以value-开头 |
[attribute^="value"] | 属性开头有value |
[attribute$="value"] | 属性最后有value |
[attribute*="value"] | 属性中出现value |
italic是使用该字体的斜体,oblique是强制使字体变斜,适用于没有斜体的字体。
font-weightnormal、bold、bolder、lighter
字体pt、px、em、ex
如果要首行缩进两个字符 则div { text-indent : 2em; }负值也可以。
text-indent无效
- text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上;
- 解决方案:
- 在行内元素加上display:block; 或者把目标元素放入<div>等块级元素,然后把text-indent样式应用到<div>等块级元素。
- text-indent所在的元素未使用overflow属性;
- 解决方案:
- 在元素加上overflow:hidden;
属性 | 属性名称 | 设置值 |
text-align | 文字水平对齐 | left center right justify |
text-indent | 首行缩进 | 数值+百分比(%) 数值+单位(可以负值) |
letter-spacing | 字符间距 | normal 数值+单位(pt、px、em)(可以负值) |
word-spacing | 单词间距(英文) | normal 数值+单位(pt、px、em)(可以负值) |
line-height | 行高 | 数值+单位 |
word-wrap | 是否换行 | break-word |
属性 | 属性名称 | 设置值 |
vertical-align | 垂直对齐 | baseline(一般位置) super(上标) sub(下标) top(顶端对齐) middle(垂直居中) bottom(底端对齐) |
text-decoration | 文字装饰样式 | none underline(下划线) line-through(删除线) overline(上划线) |
text-transform | 转换字母大小写 | none lowercase uppercase capitalize |
text-shadow | 增加阴影效果 | 5px,5px,5px,#f00(距离左,上,半径,颜色) |