回顾：css的选择器：1，id。2，class。3，派生选择器。4，相邻子元素选择器。5，兄弟元素选择器。6，通用选择器。7，标签选择器。利用标签名称来做。
选择器的权重值：id是100，class:10,标签选择器：1.
我们学习HTML阶段：
HTML标签分为：
块标签：div，ul,dl,ol,form,p,h,dt,dd,li,tr,td,table和
行标签:a、span、em、strong、img、var；
行内块标签:img,input
块标签 和 行内块标签 可以直接设置宽高，行标签 不能直接设置宽高
块标签 独占一行，行内块和行标签是一行输出的。
如何才能让行标签直接设置宽高呢？
我们可以通过显示样式设置来实现：显示的属性名：display。显示这个属性的值：block：块，inline-block：行内块，inline：行
除了显示标签的特征之外，我们还可以利用display的特征，来自动等分父级。在父级样式中设置display：table；在子级标签的样式里设置display：table-cell，这样就可以实现自动等分父级。
css的基本取值单位：
对于颜色取值：
颜色的样式属性名：color:
1,关键词取值：直接使用单词来代表颜色的，就叫做关键词取值、例如:div{color:red;}//意思就是：我给div的颜色设置为：红色
优点：计算机识别效率高。缺点：单词量过大，不好记忆。
2,16进制取色法：利用工具直接取色。在颜色数值前面我们加上“#”常用工具“colorpad”
3,利用计算机字节数的原理来取色方法有两种：1.rgb(0-255,0-255,0-255),常用取色工具：ps;2.rgba(0-255,0-255,0-255,0-1)//a代表的是透明度，取值范围：0-1之间取值。
小数点后取值1位。
css下的长度单位取值：
1，固定单位：px.优点是直观，明了。缺点是：固定死之后，屏幕尺寸变化，页面的宽高也会变化。
2，有时候为了适应页面在不同屏幕内有一定的尺寸变化，这个时候我们就需要使用百分比来计算。一般我们使用百分比的时候，所参考的对象就是我们直接父级。
优点：能够很好实现页面的尺寸兼容。缺点：设置太麻烦。容易出错。
border：//线，边框的意思
border-width：边框的宽度：取值px
border-style:边框的样式：solid//实线，dashed//虚线，double//双线
border-color:red;
border的简写：线宽 线型 线的颜色。
border-bottom:1px solid gray;
基本属性：width：宽。height:高
所有的标签都有宽高的样式属性。行标签要想设置宽高，就必须使用display:做调整。
background：//背景系列样式：
background-color:背景颜色
背景图：background-image:url();如果引入的背景图片小于元素的尺寸，图片会自动复制，铺满整个元素。
背景平铺设置：background-repeat//1不平铺：no-repeat，2，沿着x轴平铺：repeat-x.3,沿着Y轴repeat-y
background-position:center/left/right/top/bottom
背景色的应用原则：凡是网页中出现了独立色块，那么这个颜色都是背景色形成的。凡是网页中不动的，只需要做展现的图片都可以用背景图予以实现
精灵图：
背景图片的精准定位：background-position：x y//x是指，背景图片的左边到引用背景图的标签左边框的距离，这个距离可以为正，也可以为负值。y:背景图的上边
距离引用背景图的标签上边框的距离。
background:color image 平铺 定位
font:字体：
font-family:字体的类型：“微软雅黑”/microsoft yahei
字体尺寸：font-size:12px/1em:em是字体尺寸表示的相对单位，1em就是一个字的高度，这个字的高度以谁为准？---》以父级设置的font-size:尺寸为准。
字体颜色：color:
字体加粗：font-weight:bold;bold:加粗的意思。
font-style:itical//斜体的意思。
line-height:=font-size+ling-space;主要使用设置大段文字之间的行间距。
当父级下只有一个子级元素的时候，如果在父级上使用ling-height等于父级高度的话，那么子级会自动垂直居中，但是子级只是能行标签或者行内块标签
如果子级是行内块标签或者是块标签：那么此时子级的默认高度会自动拉伸等于line-height高度，
如果我们在父级内有一个比较大行内块标签和行标签同时使用了line-height，那么行内块会不居中“解决方法：给不不居中的行内块标签设置：vertical-align:middle;
line-height一般情况下是在父级样式内设置，用来统一控制子级。
line-height:对于设置了高度的块标签无法实现标签垂直居中
text文本系列：
首行缩进：text-indent:后面的单位取值是px,em都可以
文本修饰：text-decoration:链接标签a所产生的下划线就是文本修饰的一种取值。 取值：none/under-line/over-line。
水平方向上文本的对齐方式：text-align:center/right/left//text-align无法实现设置了固定宽度的块标签水平对其问题，它只能对行标签和行内块标签能起到作用。
Word-spacing:词间距---以空格隔开的内容之间的距离,letter-spacing：字符间距//---->字母或者中文的字之间的间距
list： list-style-type：none/disc/square/circle--->主要作用：去掉列表每一项内容前面的点。
list-style-image:就是知己给每一个列表的项加图片。***不用
list-style-position://inside/outside--->不用
list系列的样式可以简写：list-style:none;
link:是链接样式。分状态的。
:link 当发现链接时
:visited 当点击过后时
:hover 当鼠标悬停在标签上时
:active 当点击还没松手时
我们目前实际工作中仅仅使用：hover来做效果。
我们将css2学习的选择器结合我们今天学习的状态形成选择器：状态选择器；
table 边框折叠：border-collapse:collapse,用在table的样式里，全局影响。
form：表单样式：input中radio和checkbox选择框无法直接使用CSS样式。select下的option无法直接使用样式
:focus---->当获取焦点时。 冒号代表当。。时
input的焦点获取是通过点击形成的。所有的html标签中还有一个链接标签a可以使用:focus
当我们的input获取焦点的时候变蓝的线不是边框border，而是外围轮廓线outlinen outling:2px solid red;/none
