- 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的区别？