chapter04——CSS语法基础(2)

96 阅读1分钟

伪元素

::first-letter   第一个文字
::first-line     第一行文字
::selection      获取选中的文本

::before         元素中的最前边的空区域
::after          元素中的最后边的空区域
用于在最前边和最后边添加文本或元素,一般用来解决外边距重叠和浮动的高度塌陷问题
content:         添加内容,默认是行元素

选择器的优先级(权重)

同一个花括号设置相同的样式,以最后的为准,前边的会被覆盖,样式冲突时要考虑权重
!important(正无穷)> 行内(1000)> id选择器(100)> class选择器(10)> 标签选择器(1)> *通配选择器(0

单位

px:     固定像素
百分比:  动态,部分基于父元素的百分比
颜色:
    颜色英文名 red/green/black....
    r:红  g:绿  b:蓝
    #00|00|00(透明度)~#ff|ff|ff    0123456789abcdef
    rgb(0-255,,)    rgba(0-255,,,0-1透明度)
    hs1(色相,饱和度,亮度)     hs1a(色相,饱和度,亮度,透明度)
默认字体大小16px
    em   1em=自身的字体大小
    rem  1rem=根元素的字体大小(html根元素)