CSS知识回顾

CSS

1.外部样式表

2.内部样式表

3.内联样式表

选择器

1.元素选择器

2.id选择器

3.class选择器

4.子元素选择器

5.相邻元素选择器

6.群组选择器

CSS字体样式font:

font-family   字体类型

font-size     字体大小

font-weight   字体粗细

font-style    字体斜体

color         颜色

CSS注释

 /*注释的内容*/

HTML注释

 <!- 注释的内容 ->

CSS段落样式：

text-decoration 下划线(underline)、删除线(line-through)、顶划线(overline)、none

text-transform 文本大小写（none、uppercase、lowercase、capitalize首字母大写）

font-varient 将英文文本转换为“小型”大写字母（normal、small-caps）

text-indent 段落首行缩进   (text-indent:像素值;)

text-align 文本水平对齐方式(left、center、right)

line-height 行高(line-height:像素值;)

letter-spacing 字距

word-spacing 词距

CSS边框border：

border-width 边框的宽度

border-style 边框的外观(none、hidden、solid实线、dashed虚线、dotted点线、double双线)

                3D边框样式：(inset内凹、outset外凸、ridge脊线、groove槽线)

border-color 边框的颜色

(简写：border:1px solid Red;)

背景样式：

1.背景颜色

background-color

2.背景图像

background-image 定义背景图像的路径，这样图片才能显示嘛 

                        background-image:url("图像地址");

background-repeat 定义背景图像显示方式，例如纵向平铺、横向平铺

                        （no-repeat、repeat、repeat-x、repeat-y）

background-position 定义背景图像在元素哪个位置

background-attachment 定义背景图像是否随内容而滚动  background-attachment:scroll/fixed;

CSS超链接样式:

a:link 定义a元素未访问时的样式

a:visited 定义a元素访问后的样式

a:hover 定义鼠标经过显示的样式  (“:hover”伪类可以定义任何一个元素在鼠标经过时的样式！)

a:active 定义鼠标单击激活时的样式

(注意：顺序不能乱lvha=love hate 爱恨原则)

float：

left 元素向左浮动

right 元素向右浮动

定位：

固定定位 fixed

相对定位 relative

绝对定位 absolute

静态定位 static