CSS的基本样式
CSS的基本样式
1 CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果
2 CSS的背景
属性 | 描述 |
background-p_w_upload | 背景图像是否固定或者随着页面的其余部分滚动 |
background-color | 设置元素的背景颜色 |
background-p_w_picpath | 把图片设置为背景 |
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-p_w_picpath属性让标记变得高大上,要先下载一个小图标放入工程文件夹,然后在CSS中添加
14 简写列表样式
把所有用于列表的属性设置于一个声明中
15 list-style的值可以按任何顺序列出,而且这些值得可以忽略,只要提供了一个值,其他的就会填入其默认值
1.15CSS表格
属性 | 描述 |
border-collapse | 设置是否把表格边框合并为单一的边框 |
border-spacing | 设置分隔单元格边框的距离 |
caption-side | 设置表格标题的位置 |
empty-cells | 设置是否显示表格中的空单元格 |
table-layout | 设置显示单元、行和列的算法 |