一、元素分类

• （1）块级元素 eg:h1~h6,div,ul无序列表 特点：单个元素占一行，高宽内外边距可控
• （2）行内元素 eg:a span 特点：多个元素占一行，宽高直接设置是无效的，默认的宽度本身是内容的宽度
• （3）行内块元素 eg:img、input

二、CSS引入

• （1）内部样式：在head标签里写style标签
• （2）外部样式：引入一个外部的css文件，但在html文件里先在head标签里写一个link标签
• （3）内链式：直接在html标签里写入style属性

三、CSS语法格式

• 选择器 {
• 属性: 属性值:
• }

四、CSS选择器

（1）标签选择器 （2）class选择器/类选择器

五、单位与数值

• 长度和尺寸单位：px em rem
• 百分比单位：%
• 颜色：a、直接写颜色的英文名 b、十六进制 c、rgb() d、rgba():这个是显示透明度

六、CSS盒子

• content:是内容
• border:是盒子的外边框，有三个参数：宽度width、style代表border的样式、color代表border的颜色
• padding：是内容到外边框的距离
• margin:是用来控制两个相邻盒子的距离

七、其他

• 益流：盒子内容装不下里面的内容，这时用overflow属性来解决。overflow有三个属性值：auto(滚动条）、hidden、visible
• display:转换标签元素类型，eg:行内元素转换为块级元素。display有三个属性：block、inline-block、inline
• 字体颜色用color、font-size可以控制字体大小，font-weight可以控制字体粗细