目录
设置背景图像的起始位置background—position
设置背景图像的固定background—attachment
四.字体属性
CSS字体属性定义字体,颜色、大小,加粗,文字样式
规定文本的颜色—color
1、英文单词
2、十六进制(0~9加a~f)
3、rgb(red、green、blue)
4、rgba(a表示透明度0~1)
设置文本的大小—font-size
chrome浏览器接受最小字体是12px
设置文本的粗细—font-weight
bold | 定义粗体字符 |
bolder | 定义更粗的字符 |
lighter | 定义更细的字符 |
100—900 | 定义由细到粗,400等同默认,700等同于bold |
指定文本的字体样式—font-style
normal | 默认值 |
italic | 定义斜体字 |
可以把<i>标签的样式设置为normal
指定一个元素的字体—font-family
每个值用逗号分开
如果字体名称包含空格,它必须加上引号
可以写汉字,最好用英文
五.背景属性
CSS背景属性主要有以下几个
background-color | 设置背景颜色 |
background-image | 设置背景图片 |
background-position | 设置背景图片显示位置 |
background-repeat | 设置背景图片如何填充 |
background-size | 设置背景图片大小属性 |
background-attachment | 设置背景图片的固定 |
设置背景颜色—background-color属性
设置背景图片—background--image属性
元素的背景是元素的总大小,包括填充和边界(不包括外边距)。 默认情况下background-image属性放置在元素的左上角,如果图像不够大的话会在垂直和水平方向平铺图像,如果图像大小超过元素大小从图像的左上角显示元素大小的那部分。
设置背景图像的起始位置background—position
其默认值是:0% 0%(水平方向、垂直方向起始位置)
设置背景图像的平铺方式—background-repeat
repeat | 默认值 |
repeat-x | 只向水平方向平铺 |
repeat-y | 只向垂直方向平铺 |
no-repeat | 不平铺 |
设置背景图像的大小—background-size
length | 设置背景图片的宽度和高度,第一个值宽度,第二个值高度,如果只是设置一个,第二个值 auto |
percentage | 计算相对位置区域的百分比,第一个值宽度,第二个值高度,如果只是设置一个第二个值 auto |
cover | 保持图片纵横比并将图片缩放成完全覆盖背景区域的最小大小 |
contain | 保持图片纵横比并将图像缩放成适合背景定位区域的最大大小 |
设置背景图像的固定background—attachment
scroll:滚动
fixed:固定
六.文本属性
设置文本的样式
指定文本的水平对齐方式—text-align
left | 文本居左排列,默认值 |
right | 把文本排列到右边 |
center | 把文本排列到中间 |
文本修饰—text-decoration
规定添加到文本的修饰,下划线、上划线、删 除线等
underline | 定义下划线 |
overline | 定义上划线 |
line-through | 定义删除线 |
控制文本的大小写—text-transform
captialize | 定义每个单词开头大写 |
uppercase | 定义全部大写字母 |
lowercase | 定义全部小写字母 |
规定文本块中首行文本的缩进—text-indent
允许副值,为左缩进
七.表格属性
表格边框—border
三个值:边框线宽度、线的样式、线的颜色
折叠边框—border-collapse
是否被折叠成一个单一的边框或隔开(border是双边框)
表格宽度和高度—width和height
表格中的文本对齐和垂直对齐—text-align
设置水平对齐方式,向左,右,或中心
垂直对齐属性设置垂直对齐
表格填充—padding
如果在表的内容中控制内容与边框之间的距离,应使用td和th元素的填充属性(类似于设置单元格大小)
表格颜色—color
指定边框的颜色,和th元素的文本和背景颜色
Color是设置单元格字体颜色