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
设置显示单元、行和列的算法
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。