一、对齐
- 使用margin属性进行水平对齐
+使用position属性进行左右对齐
+使用float属性进行左右对齐
二、背景
CSS可以用颜色填充背景,也可以用图片做背景
三、字体
定义文本的字体系列、大小、加粗、风格
- 自定义字体
css3之前,都使用保证在用户电脑上存在的字体,但是在css3之后,可以用@font-face
把自定义的web字体嵌入到网页中
语法规则:
@font-face{
font-family:YourWebFontName
src:url()
[font-weight:]
[font-style:]
}
2.中文网页重设与排版:一致化浏览器排版效果,构建最适合中文阅读的网页排版
四、链接
1. 链接的四种状态:
状态 | 说明 |
---|---|
a:link | 普通的、未被访问的链接 |
a:visited | 用户已访问的链接 |
a:hover | 鼠标指针位于链接的上方 |
a:active | 链接被点击的时刻 |
2. 常用的链接样式
text-decoration
属性,用于去掉链接中的下划线
a:link{
color:yellow
text-decoration:none
}
五、列表
css列表可以放置、改变列表标志(也就是列表前面的黑点),或者将图像作为列表项标志
六、表格
内容 | 代码 |
---|---|
table row | tr |
表头 | th |
数据 | td |
表格边框 | border |
合并内外边框 | border-collapse:collapse |
表格文本对齐 | text-align:居中 |
表格内边距 | padding |
七、轮廓
轮廓主要是用来突出元素的作用