CSS的基本样式
1 CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果
2 CSS的背景
属性 | 描述 |
background-attachment | 背景图像是否固定或者随着页面的其余部分滚动 |
background-color | 设置元素的背景颜色 |
background-image | 把图片设置为背景 |
background-position | 设置背景图片的起始位置 |
background-repeat | 设置背景图片是否及如何重复 |
background-size | 规定背景图片的尺寸 |
background-origin | 规定背景图片的定位区域 |
background-clip | 规定背景的绘制区域 |
3 no-repeat表示不能重复，repeat可重复，repeat-x表示x轴重复，repeat-y表示y轴重复
4 图像相对于可视区是固定的(fixed),不会受到滚动的影响
5 CSS的样本-文本
CSS文本属性可定义文本的外观，可以改变文本的颜色和字符间距，对齐文本，装饰文本，对文本进行缩进，等等
属性 | 描述 |
color | 文本颜色 |
direction | 文本方向 |
line-height | 行高 |
letter-spacing | 字符间距 |
text-align | 对齐元素中的文本 |
text-decoration | 向文本添加修饰 |
text-indent | 缩进元素中文本的首行 |
text-transform | 元素中的字母 |
unicode-bidi white-space word-spacing | 设置文本方向 元素中空白的处理方式 字间距 |
6 CSS链接的四种状态
a:link--普通的、未被访问的链接
a:visited--用户已访问的链接
a:hover--鼠标指针位于连接的上方
a:active—链接被点击的时刻
7 a：hover必须位于a：link和a：visited之后，而a：active必须位于a：hover之后
8 设置链接背景颜色
修改对应的属性background-color就可以了
9 修改链接的下划线
在link属性中加入text-decoration属性，将传值改为空就可以了
10 CSS列表允许防止、改变列表标志，或者将图片作为列表标志
11 列表常用的三个属性
列表类型
列表项图像
简写列表属性
12 列表类型
列表有无序，有序之分，无序列表又可以用不同的标记来区分list-style-type这个属性可以用来控制标记类型
13 列表图片
list-style-image属性让标记变得高大上，要先下载一个小图标放入工程文件夹，然后在CSS中添加
14 简写列表样式
把所有用于列表的属性设置于一个声明中
15 list-style的值可以按任何顺序列出，而且这些值得可以忽略，只要提供了一个值，其他的就会填入其默认值
1.15CSS表格
属性 | 描述 |
border-collapse | 设置是否把表格边框合并为单一的边框 |
border-spacing | 设置分隔单元格边框的距离 |
caption-side | 设置表格标题的位置 |
empty-cells | 设置是否显示表格中的空单元格 |
table-layout | 设置显示单元、行和列的算法 |
共同学习，写下你的评论
评论加载中...
作者其他优质文章
