前端学习记录 2022.07.15——伪元素、选择器优先级(权重)、单位

130 阅读1分钟

伪元素:

::first-lettr  第一个文字
::first-line   第一行文字
::slesection   选中的内容
::before 元素的最前边
::after  元素的最后边
        before和after需要配合content使用,用于在最前边或最后边添加文本或元素,
一般用来解决外边距重叠和浮动的高度塌陷问题。
content: 添加内容  默认是行元素

选择器优先级(权重):

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

单位:

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