第四章css总结,第四章 CSS

CSS

CSS是层叠样式表(Cascading Style

Sheets)缩写，它用于定义HTML元素的显示形式，CSS现在已经被大多数浏览器所使用，成为网页设计者必须掌握的技术之一

CSS的优点在于：以提高页面浏览器速度、能缩短时间，降低成本、能更好的控制布局、实现表现和结构相分离

CSS的样式分为：

外部样式表：将样式定义放在一个单独的文件中，并且在需要该样式的文档中使用

在Web 使用标记，能将一个外部样式表文件链接到文档中

stylesheet”type=“text/css”href=“URL”>

嵌入样式表：是用

内联样式表：允许指定在标记显示的样式 

style=“color:red;”>红色标题列

选择器

元素选择器：是最常见也是最常用的，它不考虑元素在文档中的位置

{color:red;}

类选择器：是一个元素的每个实例，而类选择器可以被用于选择某个class属性任何元素，也不考虑元素在文档中的位置 .b{font-size:16px;}

ID选择器：与类选择器类似，能用于选择有个ID属性的任何HTML元素，也不考虑元素在文档中的位置 # #firstdeee{font-size:16px;}

伪类选择器有四种不同状态：

A:link 是用在没访问时

A:visited是用在已访问时

A:hover是用在鼠标放在上面时

A:active被点出时

CSS属性

长度单位：

1、绝对长度：pt cm最为常用

2、相对长度：em、px 最为常用

设置元素内容的字体

设置字体名称：

Font-family属性定义文字使用字体的名称

设置字体倾斜度：

Font-style描述字体的倾斜程度，可选值包括： normal、italic

设置字体的变体：

Font-variant属性用于描述字重

设置字体大小：

Font-size描述字体大小

设置元素内容的文本属性

设置文本首行缩进：text-indent设置文档文本首行缩进程度

P{text-indent:3em}

设置文本对齐方式：text-align

设置文本阴影：text-shadow

设置行高：line-height

设置间距：letter-spacing

设置词间距：word-spacing

设置文本大小写：Text-transform