这俩天在把html全部复习了，然后学习了css部分内容：

CSS 

文字样式

text-indent:缩进，px像素单位，em相对文字大小

text-decoration:uderline下划线，none取消下划线。

line-height：设置行间的距离

Emmet语法：

生成标签：输入标签名称+tab键

多个标签是标签*tab键

父子级：父标签>子标签

兄弟级：兄弟标签+兄弟标签

生成带有类名或者id名字的，直接写.类名  或者  #id名字 ，按tab键就可以了。可以写成标签名字加上前面说的这些，表示生成带有类名或者id名字的标签。

如果类名是有顺序的，比如如果你的类名是test1，test2，test3，test4，你可以写.test$*4，代表生成自增的标签，如果不加$符号，生成的只是4个具有test类名的标签而已。

标签名称加上花括号{}，花括号里面是内容，加tab键就可以生成一个带有内容的标签。

链接：伪类选择器的设置

LVHA关于连接的伪类选择，分别是link，visited，hover，active

突出显示：伪类选择器

标签.:ocus

css的区域块

css的元素显示模式，俩种：块元素和行元素

div，占位一行，是一个大盒子，一行只能放一个元素。

span，占位列，是一个小盒子，一行多个元素。span不能指定宽高度。

转换

转换成块元素的语句：display:block;

转换成行内元素：display:inline;

转换成行内块：display:inline-block;

块元素的属性

设置背景颜色：

background-color，可以写rgb()，也可以用英文单词blue什么的，也可以十六进制表示颜色（最常用）

设置背景图片：

background-image，如果需要写图片，则需要写url(文件路径)，不需要图片则是none属性。

设置是否填充铺满

background-repeat

repeat(默认的)，no-repeat(设置不铺满) ,  repeat-x(沿着x轴铺满)  ,  repeat-y(沿着y轴铺满)  

如果同时设置了背景图片和背景颜色，背景图片始终在上方

设置背景图片位置：

background-position, 可以接方位名次：top,center,bottom,,left,right这些，或者是具体的x，y像素坐标。还可以混合使用，但是像素坐标的位置不可随意替换。

设置背景图形固定：

background-attachment,有俩个属性，srcoll背景图片随着对象内容滚动，fixed固定图像。

设置背景色透明度

background:rgba(对应红色的取值  ,   对应绿色的取值  , 对应蓝色的取值 ,0-1的透明度是一个小数)

CSS三大特性：

层叠性：

如果样式有重复，会选择最近的那一个样式。遵循就近原则。

继承性:

子标签会继承父标签的样式。如果我设定了div的样式，那么被包括div包括的标签会继承这个样式。会继承文字样式。高度宽度不会继承。

优先级：

选择器相同，执行层叠性。

权重会累加，如果选择器是并联关系。

继承的权重是0，父标签的权重再高，被子标签继承权重就会变成0.

关于块元素和行元素的一些属性：

border

设置盒子边框:   

border-width

边框宽度，

border-style

边框样式  solid实线边框  dashed虚线边框  dotted 原点边框  ，

border-color

边框颜色。

边框可以分开写：border-top（/left/right/bottom）: 宽度属性 样式属性 颜色属性。

border-collapse

collapse(合并相邻的边框)。

margin

用于设置外边距,只写这个设置所有的距离，即盒子与盒子之间的距离。更加精细的设置就是margin-left,margin-right,margin-top,margin-bottom。如果指定了高度宽度，可以写auto，代表盒子始终处于中间状态，就不用精确到px，并且可以自适应。

另外如果盒子是嵌套的，那么会出现块元素外边距塌陷问题， 如果要解决这个问题，可以给块元素定义边框或者内边距，或者为父元素添加over-flow:hidden这条语句。

padding

设置内容和边框的距离，精切设置分别有：padding-left,padding-right,padding-top,padding-bottom,分别对应设置左右上下的距离。padding会在原有的指定宽度和高度来扩充，写的时候要注意，如果没有指定不会扩充。

很多标签会自动带有内边距和外边距，可以设置通用的css选择器*{padding:0px;margin:0px}，来清除所有标签的自带的内边距和内边距。行内元素设置上下外边距无效。

然后今天根据所学的做了一点：

 本来想上传视频，但是csdn放不出来。

下面着一部分也是块元素的嵌套，有图片，文字。永远居中显示