day04
否定伪类选择器
可以从某些元素中剔除一些元素
<style>
/* 效果：标签1，3，4的背景为红色 */
p:not(.p2){
background-color: red;
}
</style>
<body>
<p>段落标签</p>
<p class="p2">段落标签</p>
<p>段落标签</p>
<p>段落标签</p>
</body>
属性选择器
div[id='one']{
background-color: red;
}
input[type='password']{
background-color: pink;
}
/* 选中以name开头的user属性名 css2 [name|='user'] 只能选中以-隔开的属性名*/
input[name|='user']{
background-color: cyan;
}
/* css3属性选择器 以user开头 */
input[name^='user']{
background-color: cyan;
}
/* 以某一个属性结尾 */
input[name$='name']{
background-color: pink;
}
/* css2 选中name属性包含name属性名的标签 */
input[name~='username']{
background-color: red;
}
/* css3 只要属性值包含某一部分 */
CSS三大特性
1.继承性 设置父元素的样式子元素可以继承
color/text-/line-/font-
注意:h1标签作为子元素不可以继承font-size
a标签作为子元素字体颜色下划线无法继承
2.层叠性
使用多个选择器给一个标签设置样式 发生层叠
3.优先级 权重
!important 优先级最高
style属性 权重 1000
id选择器 权重100
类选择器 伪类选择器 属性选择器 权重10
标签选择器 伪元素选择器 权重1
通配符选择器/普通选择器 权重0
文本属性
-
font-style设置开启斜体，italic斜体，normal默认值
-
font-weight设置开启粗体，bold加粗
-
font-family设置字体
-
text-decoration设置underline下划线 overline上划线 line-through 删除线
-
text-indent设置首行缩进 2em
-
text-transform可以设置单词全部大写uppercase 全部小写lowercase 首字母大写capitalize 等宽字体full-width
-
text-shadow设置文本阴影 h-shadow v-shadom blur color