- CSS 介绍
- 引入 css 样式表办法
- CSS 选择器
- CSS 罕用属性
CSS 介绍：
- CSS 全称是（Cascading Style Sheet）层叠样式表；
- 层叠：层叠就是对一个元素屡次设置同一个款式
特点：
1）丰盛的款式定义
- CSS 提供了丰盛的文档款式外观，以及设置文本和背景属性的能力；
- 容许为任何元素创立边框，以及元素边框与其余元素间的间隔，以及元素边框与元素内容间的间隔；
- 容许随便扭转文本的大小写形式、润饰形式以及其余页面成果。
2）易于应用和批改
- CSS 能够将款式定义在 HTML 元素的 style 属性中
- 能够将其定义在 HTML 文档的 header 局部
- 能够将款式申明在一个专门的 CSS 文件中，将所有的款式申明对立寄存，进行对立治理。
3）多页面利用
- CSS 样式表能够独自寄存在一个 CSS 文件中，这样咱们就能够在多个页面中应用同一个 CSS 样式表。
4）页面压缩：
- CSS 样式表的复用更大程序的缩减了页面的体积，缩小下载的工夫。
引入 css 样式表办法：
1）行内款式
- 间接应用标记的 style 属性
style=" width:100px; height:100px; background-color:#F00;”2）内嵌款式
- 应用
<style></style>标记，将款式写在<style>标记内 <style>标记要指定 type 属性为 text/css
3）链接款式(外链式)
- 将 CSS 写入独自的一个文件中，留神该文件的文件扩大名为 .css
- 在 HTML 文档中应用 <link> 标记引入 css 文件
- <link> 标记须要指定两个属性：type 和 rel
例：
< link type=“text/css”rel=“stylesheet”href=“sy.css" />CSS 选择器
1）通配符选择器
- 选择对象：所有标签
- 语法：
* {font-family: "宋体";}2）类型（标记）选择器
- 选择对象：应用标签名做选择符
- 语法：
p {font-size: "8";}3）ID 选择器
- 选择对象：对应 id 名的元素
- 语法：
#idname {…}4）类（class）选择器
- 选择对象：应用此类名的元素
- 语法：
.classname {…}5）蕴含选择器
- 选择对象：被嵌套标签蕴含的元素
- 语法：
选择符 a 选择符 b {…}CSS 罕用属性：
1）CSS 字体与文本款式
- font-family：设置文本的字体类型；
- font-size：设置文本的字体大小；
- font-style：设置文本的字体款式；
- font-weight：规定字体的粗细；
- color：设置文本的色彩
- letter-spacing：设置字符间距
- line-height：设置文本行高
- text-align：设置文本的对齐形式
2）CSS 边框和背景相干属性
- border：设置所有边框属性；
- border-width：设置四条边框的宽度；
- border-color：设置四条边框的色彩；
- background：设置所有的背景属性；
- background-color：设置元素的背景色彩；
- background-image：设置元素的背景图像；
3）CSS 列表和表格相干属性
- list-style：在一个申明中设置所有的列表属性；
- list-style-image：将图像设置为列表项标记；
- list-style-position：设置列表项标记的搁置地位；
- list-style-type：设置列表项标记的类型；
- border-collapse：设置是否把表格边框合并为繁多的边框；
- border-spacing：设置分隔单元格边框的间隔；
- caption-side：设置表格题目的地位，默认在下面；
- empty-cells：设置是否显示表格中的空单元格；
更多 html，css，JavaScript，Vue 相干面试题，须要的戳这里，收费分享。
1，link 和 @import 的区别？
2，如何了解标签语义，它有哪些益处？
3，css 的选择符有哪些，优先级如何计算？
4，行内元素和块级元素举几个例子？
5，写出 ul、ol、dl 三种列表的 html 构造？
6，src 与 href 的区别？