3.[title~=Nick]
设置所有title属性具有多个空格分隔的值、其中一个值等于“Nick”的标签元素 。
[title~="Nick"] { color: yellow; }<p title="Nick Jenny">Nick</p><p title="Jenny Nick">Nick</p>4.[title|=Nick]
设置所有title属性具有多个连字号分隔（hyphen-separated）的值、其中一个值以"Nick"开头的标签元素 。
例：lang属性："en"、"en-us"、"en-gb"等等
[title|="Nick"] { color: yellow; } <p title="Nick-Jenny">Nick</p>5.[title^=Nick]
设置属性值以指定值开头的每个标签元素 。
[title^="Nick"] { color: yellow; }<p title="NickJenny">Nick</p>6.[title$=Nick]
设置属性值以指定值结尾的每个标签元素 。
[title$="Nick"] { color: yellow; }<p title="JennyNick">Nick</p>7.[title*=Nick]
设置属性值中包含指定值的每个元素
[title*="Nick"]{color: yellow;} <p title="SNickJenny">Nick</p>伪类选择器：
1. link、hover、active、visited
- a:link（未访问的链接状态）,用于定义了常规的链接状态 。
- a:hover（鼠标放在链接上的状态）,用于产生视觉效果 。
- a:active（在链接上按下鼠标时的状态） 。
- a:visited（已访问过的链接状态）,可以看出已经访问过的链接 。
a:link{color: black} a:hover{color: yellow} a:active{color: blue} a:visited{color: red} <a href=https://www.isolves.com/it/cxkf/yy/CSS2/2021-03-18/"#">Nick2. before、after- P:before 在每个<p>元素的内容之前插入内容;
- P:after 在每个<p>元素的内容之后插入内容 。
p { color: yellow; } p:before{ content: "before..."; } p:after{ content: "after..."; } <p> Nick </p>常用属性1. 颜色属性：color
- HEX（十六进制色：color: #FFFF00 --> 缩写：#FF0）
- RGB（红绿蓝，使用方式：color:rgb(255,255,0)或者color:rgb(100%,100%,0%)）
- RGBA（红绿蓝透明度，A是透明度在0~1之间取值 。使用方式：color:rgba(255,255,0,0.5)）
- HSL（CSS3有效,H表示色调，S表示饱和度，L表示亮度，使用方式：color:hsl(360,100%,50%)）
- HSLA（和HSL相似，A表示Alpha透明度，取值0~1之间 。）
- 全透明，使用方式：color: transparent;
- 元素的透明度，语法：opacity: 0.5;
- 属性值在0.0到1.0范围内，0表示透明，1表示不透明 。
- filter滤镜属性（只适用于早期的IE浏览器，语法：filter:alpha(opacity:20);） 。
font-style: 用于规定斜体文本
- normal 文本正常显示
- italic 文本斜体显示
- oblique 文本倾斜显示
- normal（默认）
- bold（加粗）
- bolder（相当于<strong>和<b>标签）
- lighter （常规）
- 100 ~ 900 整百（400=normal，700=bold）
- 默认值：medium
- <absolute-size>可选参数值：xx-small、 x-small、 small、 medium、 large、 x-large、 xx-large
- <relative-size>相对于父标签中字体的尺寸进行调节 。可选参数值：smaller、 larger
- <percentage>百分比指定文字大小 。
- <length>用长度值指定文字大小，不允许负值 。
