CSS常用知识点
一、CSS的三中引入方式：行内样式（内联），内部样式表，外部样式表。
优先级顺序：行内样式（内联）> 内部样式表 > 外部样式表
下面是通过外部引入方式：
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/comm.css">
<title>工商银行</title>
</head>
行内样式用法：
<a href="" style="color: black;text-decoration: none;">
二、选择器
2.1 元素选择器 div{}
2.2 类选择器 .cl{}
2.3 ID选择器 #id{}
2.4 属性选择器 [type=‘text’]:{}
优先级问题：
属性选择器> ID选择器 > 类选择器 >元素选择器
三、尺寸；
3.1宽度：width：？？px或者？%
3.2高度; height: ？？px或者？%
四、背景颜色
使用关键字：background-color:
五：文本居中;
text-aline :center
text-decoration:下划线underline
line-height:高度固定后，可以设置垂直居中
六、字体
font-family:字体类型；可以写多个，浏览器识别的第一个；
“Microsoft Yahei(微软雅黑),SimSun(宋体),SimHei(黑体)”
font-size:字体大小；
font-weight:字体粗细；bold加粗；bolder更粗；lighter更细；400等同于normal;700相当于bold；
font-style:斜体；normal正常；italic斜体；oblique倾斜（这两个斜体在浏览器看上去相同）
七、盒模型（重点）
margin:外边距；
margin-top/margin-left
margin-bottom/margin-right
外边距合并：当两个垂直外边距相遇时，它们将形成一个外边距；
可以使用padding或border分开两个外边距；
padding:内边距；
padding-top/padding-left
padding-bottom/padding-right
border:边框；
border-width:宽度；
border-style:solid(实线)dotted(点线)dashed(虚线)double(双线)
border-color:颜色；
margin:0 auto;设置左右居中；
magin 15px 25px 30px 45px
四个值的顺序：上 右 下 左；
以外部引入css样式为例，常用代码如下：
