这是我参与「第四届青训营 」笔记创作活动的第3天
组合方式
- 后代选择器(以空格 分隔),后代选择器用于选取某元素的后代元素。
- 子元素选择器(以大于 > 号分隔),与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素直接/一级子元素的元素。
- 相邻兄弟选择器(以加号 + 分隔),相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。
- 普通兄弟选择器(以波浪号 ~ 分隔),后续兄弟选择器选取所有指定元素之后的相邻兄弟元素。
颜色
RGB,通过改变RGB值来控制颜色#8fac87或者RGB(146,172,135)
颜色(HSL)
- HUE:色相(H)是色彩的基本属性,如红色、蓝色等;取值范围0-360。
- Saturation:饱和度(S)是指色彩的鲜艳程度,值越高,鲜艳程度越高。取值范围0-100%。
- Lightness:亮度(L)是指颜色的明亮程度;越高颜色越亮;取值范围是0-100%。
hsl(18,91%,84%)
字体 font-family
- 在CSS中,有两种类型的字体系列名称:
- 通用字体系列 - 拥有相似外观的字体系统组合(如 "Serif" 或 "Monospace")
- 特定字体系列 - 一个特定的字体系列(如 "Times" 或 "Courier")
- font-family 属性设置文本的字体系列。
font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体。
注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体"。多个字体系列是用一个逗号分隔指明:
p{font-family:"Times New Roman", Times, serif;}
字体样式
主要是用于指定斜体文字的字体样式属性。
这个属性有三个值:
- 正常 - 正常显示文本
- 斜体 - 以斜体字显示的文字
- 倾斜的文字 - 文字向一边倾斜(和斜体非常类似,但不太支持)