css基础

目前流行的布局和网页设计方式
table+传统属性—table+CSS—DIV+CSS
CSS：层叠样式表，目前是3.0版本，相对于传统属性，他解决了一个根本性的问题，任何元素都是用一套统一标准的样式，只需要25个以内的样式，可以解决网页90%的样式和布局问题
实施过程
1、CSS必须在包裹整个样式
2）暂缓
3）暂缓
2、CSS样式可以一次性影响一批元素的样式，也可只影响一个，与传统样式的不同之处在于，传统样式一次性只能影响一个。这样就可以实现批样式设置，提升开发效率
3、CSS根本上解决了一个样式与内容分离的问题，大幅提升开发效率，避免重复造轮子
4、CSS选择器
1）标签选择器：针对当前作用范围内所有的标签，使用同样的样式
2）ID选择器，针对某一个特定的元素，设置一个ID属性，并使用针对该元素的唯一样式 #开头
3）class选择器：针对某一批特定类型的元素生效，其覆盖范围介于ID和标签选择器之间 .开头
5、CSS样式具备继承关系

css层叠样式表
负责对网页的美化
三种使用方式
1、元素内嵌样式表 标签内
2、文档内嵌样式表 style内
3、外部样式表 link style内
使用：
1、网页主页一般内嵌样式表
2、其余页面使用外部样式表
3、元素内嵌样式表，一般不使用
优先级
就近原则

伪类选择器

文本类CSS 属性
设置文本颜色 color：red;
设置文本对齐方向 替代html属性中的align text-align:center
设置文本大小，以px（像素）为单位 font-size: 14px;
设置 文本粗细 font-weight:bold或者数字
设置文本字体类型 font-family：‘微软雅黑’ ;
设置字体的风格。比如倾斜、斜体 font-style：italic;

容器类CSS 属性
设置 HTML元素的宽度 width：300px;
设置 HTML元素的高度 height：300px;
设置HTML元素的边框，包括大小，颜色和边框样式 border：1px solid red
设置HTML元素的背景颜色 background-color: #000;
设置HTML元素的 背景图像 background-image: url(“图片地址”);
设置HTML元素的行高 line-height: 20px;
设置超链接的下划线的样式 text-decoration:none;
设置HTML元素和其他周围HTML元素之间的距离 margin： 0 auto;