CSS基础

一、CSS是层叠样式表（Cascading Style Sheets）的缩写。他用于定义HTML 元素的显示形式

css的优点：

1、提高网页浏览速度 2、缩短改版时间，减低维护费用   3、更好的控制页面布局 4、实现表现和控制页面布局 5、刚方便搜索引擎的搜索

二、如何在XHTML文档中加入CSS

样式表可以分为嵌入式样式表、外部样式表和内嵌式外部表

三、样式规则

样式规则语法

①选择器 ②声明块 ③声明 ④属性 ⑤属性值 ⑥声明分组 ⑦选择器分组 ⑧属性简写 ⑨CSS注释

四、选择器包括：①元素选择器（或者类型选择器）

②类选择器

语法格式：.类名 { 属性：值；}

③ID选择器

语法格式：#id名 { 属性：值；}

④包含选择器

⑤通配符选择器

⑥伪类选择器

使用伪类选择器，我们可以以不同的方式格式化超级链接<a>元素的四种不同状态

a：Link是在未访问的链接的选择器

a：visited是在已访问过的链接的选择器

a：hover 是用在鼠标光标放在其在的链接上的选择器

a：active是用在获得焦点（比如：被点击）的链接上的选择器

⑦伪元素选择器

在伪元素选择器中所有浏览器支持的有两种：first-line和first-letter两种

：first-line是用于一个元素的第一行的选择器

：first-letter是用于一个元素的第一个字母的选择器

使用CSS格式化元素内容

一、CSS属性单位

1、长度单位：绝对长度值：cm、mm、in、pt、pc等 ；相对长度值：px、em、ex等

2、颜色单位：①用百分比来表示 ②使用0——255之间的整数值来设置，如color:rgb（128,0，128） ③使用十六进制数定义颜色，如：#008800

④使用简化的十六进制数定义颜色，如：#080，等同于#008800

二、设置元素内容的字体

1、设置字体名称：font-family 2、设置字体倾斜程度：font-variant，可选属性normal、italic和oblique 3、设置字体的变体：可选属性值包括normal和small-caps

4、设置字重：font-weight，可选属性包括normal\bold\bolder\lighter 5、设置字体大小：属性值为<绝对大小><相对大小><长度><百分比> 6、字体属性的缩写形式：font属性是以上属性的快捷方式，属性顺序应该按照font-style、font-variant、font-weight、font-size、font-family排列

三、设置元素内容的文本属性

1、设置文本首行缩进：text-indent，可选属性值包括：<length> <percentage> 2、设置文本对齐方式，可选属性值包括：underline下划线、overline上划线、line-through删除线、blink闪烁 3、设置文本阴影特效：text-shadow，可选属性值包括：none、<color> 4、设置行高：line-height 5、设置字间距：line-spacing可选属性值：normal、length、auto 6、设置词间距：word-spacing，可选属性包括：normal 、length 7、设置文本大小写形式：text-transform，可选属性包括：capitalize、uppercase、lowercase、none 8、设置空白显示形式：white-space，可选属性值包括：normal、pre、nowrap

四、设置元素内容的字体颜色与背景

属性 取值 说明

color 十六进制值，rgb()函数或CSS承认的颜色名 用于设定元素的前景色

background-color 同上或transparent 用于设定背景色，初始值为透明

background-image 图片的URL地址或none 用于设定背景图像

background-repeat repeat | no-repeat | repeat-x | repeat-y 设置背景图像是否及如何铺排

background-attachment scroll | fixed 设置背景图像是随对象内容滚动还是固定的

background-position [<百分比> |<length> |{1,2} |top| center | bottom | left| right 用于指定背景图片显示的位置

background 设置对象的背景样式，包括以上全部属性