一.CSS选择器
1.id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式
HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。
2.Class选择器
class选择器用于描述一组元素的样式,class选择器有别于id选择器,class可以在多个元素中使用。
class选择器在HTML中以class属性表示,在CSS中,类选择器以一个点"."号显示,
3.标签选择器
通过标签名来指定所选HTML元素进行样式编辑。
二.CSS选择器
常用选择器语法:
1.*通配符,用来对所有元素进行初始化
2.A,B ,同时选择A和B元
3.AB , 选择A中所有B元素
4.A>B,选择所有以A为父元素的B元素
5.A+B,选择所有紧挨着A的B元
6.[attribute],选 择所有带有attribute 属性的元素
7.[attribute=value],选择所有attribute属性为value的元素
三.CSS选择器
1.[attribute~=vdue]选择所有attribute属性包含有value的元素
2.a:link选 择未访问过的链接
- a:visited 选择已经访问过的链接
4.a:active选择可活动的链接
5.a:hover选择被鼠标悬停的链接
6.input:focus选 择已经点击的输入框
以及各种伪类和伪元素
四.CSS背景
1.background color:背景颜色
2.background-image:背 景图像
3.background-repeat:背 景平铺方向4.background- attachment:背 景固定或衮动.
5.background-position:背 景起始位置当只使用background属性时,可以依照上述顺序进行简写background;:#ffff url(‘img_ _tree.png’) no-repeat right top;
五.CSS文本
1.文本颜色color文本颜色属性用来改变字体颜色2.文本的对齐方式text -align文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左或右,两端对齐.3.文本修饰text-decoration文本修饰属性用来设置或删除文本的装饰。
六.CSS文本
1.color设置文本颜色
2.direction设置文本方向
3.letter-spacing设置字符间距
4.line heighttext-align对齐元素中的文本
5.text decoration向文本添加修饰
6.text-shadow设置文本阴影
7.word-spacing
设置字间距
8.text transform控制元素中的字母
七.CSS字体
字体大小font-size属性设置文本的大小。
字体大小的值可以是绝对或相对的大小。
1.“绝对大小相对大小:设置一个指定大小的文本,不允许用户在所有浏览器中改变文本大小
2.相对大小:相对于周围的元素来设置大小,允许用户在浏览器中改变文字大小
确定了Css表格输出的物理尺寸时绝对大小很有用
八.Css表格
1.表格边框
指定CSS表格边框,使用border属性。
折叠边框
bordercollapse属性设置表格的边框是否被折叠成一个单一的边框或隔开
2.表格宽度和高度
width和height 属性定义表格的宽度和高度。
表格文字对齐text-align vertical-align
表格中的文本对齐和重直对齐属性。
3.表格填充
如果在表的内容中控制空格之间的边框,应使用td和th元素的填充属性padding.
4.表格颜色
下面的例子指定边框的颜色border-color,和th元素的文本color和背景颜色background-color.