CSS样式表~选择器、段落、样式篇

优先级顺序：行内样式表 > 嵌入式样式表 > 外部样式表 > 浏览器默认样式

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区别

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（距离左，上，半径，颜色）