从零开始学习软件测试-第四天笔记

一、复合选择器

复合选择器是由多个简单选择器组成的。

• 后代选择器：以某个元素为起点，向该元素的后代元素去查找。

祖先元素选择器 子元素1 子元素2{
        CSS属性
}

• 并列选择器：多个元素有相同的CSS属性时，用并列选择器可以简化代码。

选择器1，选择器2，选择器3{
        CSS属性
}

二、CSS的存储位置

• 内嵌CSS：将css的属性写在head标签里的style标签内。
• 外链CSS：将css的属性写在一个独立的css文件里，使用link标签引入。
• 行内CSS：将css的属性直接写在标签里，使用style属性来记录。

三、CSS存储位置的优先级

• 行内CSS>外链CSS=内嵌CSS
• !important关键字可以使某条CSS属性优先生效。

div{
      background-color: violet !important;
   } 

四、后代选择器的权重计算

后代选择器的权重计算就是将简单选择器的选中能力累加。

选择器的选中能力：

• 标签选择器：选中能力1
• 类选择器：选中能力10
• ID选择器：选中能力100

五、盒子模型

是css中用来实现盒子标签在页面中的空间大小和所在位置的一系列代码的集合。

• 内容大小：width：宽度    height：高度
• 边框：border
• 内边距：padding
• 上边距：top
• 下边距：bottom
• 左边距：left
• 右边距：right
• 外边距：margin

六、文字样式

• 文字颜色：color
• 文字大小：font-size
• 字体：font-family
• 行高：line-height
• 字重：font-weight
• 文本对齐方向：text-align

1. 居中：center
2. 居左：left
3. 居右：right

七、音视频标签

• 音频标签：audio
• 视频标签：vedio

想要音视频标签生效需要在标签中添加控制按钮属性：controls