首页 > 代码库 > CSS1
CSS1
一、伪类选择器:(标示是:{冒号})
1、a:link(未访问的链接)
2、a:visited (已访问过后的效果)
3、a:hover (鼠标移动到链接上的效果)
4、a:active (点击时的效果)
ps:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。a:active 必须被置于 a:hover 之后,才是有效的。
5、:first-child (元素的第一个子元素)
6、:focus (获得焦点时向元素添加特殊的样式)
7、:first-letter(元素的第一个字)
二、选择器的权重:
内嵌 id class 元素
1 0 0 0
0 1 0 0
0 0 1 0
0 0 0 1
ps:通配符的权重为0是最小的,important的权重是最高的。
三、CSS基础样式:
1、文本:
color (设置文本颜色)
direction (设置文本方向)
line-height (设置行高)
letter-spacing (设置字符间距)
text-align (对齐元素中的文本)
text-decoration (向文本添加修饰)
text-indent (缩进元素中文本的首行)
text-transform (控制元素中的字母)
word-spacing (设置字间距)
2、字体:
font-family (设置字体系列)
font-size (设置字体的尺寸)
font-style (设置字体风格)
font-weight (设置字体的粗细)
3、列表:
list-style (简写属性,用于把所有用于列表的属性设置于一个声明中)
list-style-image (将图象设置为列表项标志)
list-style-position (设置列表中列表项标志的位置)
list-style-type (设置列表项标志的类型)
4、边框:
outline (在一个声明中设置所有的轮廓属性)
outline-color (设置轮廓的颜色)
outline-style (设置轮廓的样式)
outline-width (设置轮廓的宽度)
5、背景:
background (简写属性,作用是将背景属性设置在一个声明中)
background-attachment (背景图像是否固定或者随着页面的其余部分滚动)
background-color (设置元素的背景颜色)
background-image (把图像设置为背景)
background-position (设置背景图像的起始位置)
background-repeat (设置背景图像是否及如何重复)
四、前景图和背景图
1、前景图:
前景图的操作是直接在HTML的标签里面添加img标签。是显示在页面的前面。
2、背景图:
是在标签的CSS样式里面添加background-image属性。是镶嵌在页面当中的。
ps:如果同时使用了前景图和背景图,页面会从先显示前景图再显示背景图,背景图会被覆盖。但是一般不会建议这样书写代码。
CSS1