日志 2021.5.22

一、总结归纳

Video (Src源 controls 控件)

​ （poster 视频封面）

​ （source 写多个 顺序加载）

​ （resersed 倒序）

​ （marquee 弹幕 滚动文字）

学习网站_______________________________________________

__________________——————————————————————————————————————补充

Css样式设置

元素如何被渲染？

————》声明 declaration

————》选择器 selector

属性 ______________________Property

属性+value=声明

​ 优先级

· 内联样式 （**） style

· 内联样式 （***） div

· 外部样式表 （*） link标签

@import 优先级修改

Div div（不区分大小写）

最常用的三种：

[attributeName] [attributeName=value] [attributeName~=value]**

选取 带有指定属性元素 选取带有指定属性和值的元素 选取属性中包含指定词汇的元素

伪类选择器

a:·link: 未访问状态
a:·visited:访问过后状态
a:·hover：鼠标悬停状态
a:·active：激活选定状态
（注：定义顺序必须是此顺序）

标签（*）	class（**）
属性（***）	id （****）

（*）

快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。

1.长名称或词组可以使用中横线来为选择器命名。
2.不建议使用“_”下划线来命名CSS选择器。

（**）

包含class的元素区分开来

区分大小写 选中不同的元素

（***）

有没有属性

是否包含属性

是否显示

（****）

写的时候保证属性值的唯一性；

只选其中一个

id选择器使用“#”进行标识，后面紧跟id名&#xff0c

通配符

margin: 0; /* 定义外边距*/
padding: 0; /* 定义内边距*/

选择器

子选择器 父选择器 后代选择器 伪类选择器

• 伪元素选择器

• :first-lentter为第一个字符添加样式

• :first-line为第一行添加样式

• :before在元素内容的最前面添加内容，需要配合content属性使用

• :after在元素内容的最后面添加内容，需要配合content属性使用

  .mydiv a{ 后代标签

  }

  *通用 ————所有

  组合选择器

  css属性

盒子模型是网页布局的基础，将页面中所有元素都看作是一个盒子，盒子都包含以下几个属性：

• width 宽度
• height 高度
• border 边框
• padding 内边距

• margin 外边距

• 表示盒子的边框
  分为四个方向：
  上top、右right、下bottom、左left

• radius 圆角

border-top、border-right、border-bottom、border-left

CSS三大特征：层叠 继承 优先级

横向 让块元素（auto 自动居中）

二、心得体会

每天的学习内容都很充实，继html语言之后再学习css，让我们接触到，网页设计的不易，每一个代码都是有其存在的意义。在接下来的学习和生活中，希望能再多学一点。

三、疑 问

浏览器如何确定哪些元素与 CSS 选择器匹配。编写高效的 CSS 应该注意什么？