CSS样式一

CSS样式是什么

CSS即cascading stylesheet(级联样式表)
CSS为网页提供表现的形式，按照W3C的规范，实现一个好的网页，要按照如下规则：
1、网页的结构与数据写在html文件;
2、网页的表现形式写在CSS文件里;
3、网页的行为，应该写在js文件里;
4、这样做实现数据、表现、行为分离方便代码维护。

CSS样式作用

1. 样式表能实现内容与样式的分离，方便团队开发
2. 样式复用、方便网站的后期维护
3. 外观美化
4. 布局、定位

CSS语法

内部样式

选择器是什么

选择器定义了如何查找html标记，浏览器会依据选择器找到匹配的标记，然后施加对应的样式；

标签选择器

类选择器(class)

如果希望部分li标签采用其他样式，怎么办？

ID选择器

如果希望控制某个DIV块样式，并且要求块元素唯一，怎么办？

字符样式

举例

				color: red;
				font-size: 20px;/*字体大小*/
				font-family: "微软雅黑";/*字体*/
				line-height: 40px;/*行高使得垂直居中*/
				text-align: center;/*对其方式 水平居中 left right等*/
				letter-spacing: 5px;/*字符间距*/
				text-decoration: line-through;/*一条线穿过*/
				text-decoration:underline;/*下划线*/
				white-space: nowrap;/*超出宽不换行增加滚动条，normal会换行*/
				list-style: url(img/Female.gif);/*用图片替换掉无序列表的符号*/
				

背景属性：

background （缩写形式）
background-color（背景色 ）
background-image（背景图 ）
background-repeat（背景图重复方式 ）
background-position（位置坐标、偏移量）
举例

				background-color: gray;
				width: 400px;
				height: 400px;
				background-image: url(img/Frame.jpg);/*背景图*/
				background-repeat: no-repeat;/*图片填充不满背景默认会重复背景图覆盖（repeat）no_repeat不重复添加*/
				background-position: 50px 100px;/*默认图片在左上角，距离左边50px 距离顶部100px 支持负数*/

列表属性

列表属性的典型应用：导航菜单