css(层叠样式表:Cascading Style Sheets),被用来修饰HTML网页。本文是对css背景(background)样式、文本(Text)样式以及字体(Font)样式的常用属性的一个汇总。
1、背景(background)
属性 | 描述 |
background | 简写属性,将多个背景属性一起声明。 |
background-color | 设置背景颜色。比如:background-color:red; |
background-image | 设置背景图片。 比如:background-image:url('image.png'); |
background-repeat | 设置背景图片的是否重复以及如何重复。 repeat,默认值、背景图片沿水平和垂直方向重复 no-repeat,设置图像不平铺 repeat-x,只在水平方向平铺 repeat-y,只在垂直方向平铺 inherit,从父元素继承background-repeat的值 |
background-position | 设置背景图片的起始位置。 1、x% y%,第一个值是水平位置,第二个值是垂直位置。 2、top(上)、bottom(下)、center(中)、left(左)、right(右)。指定一个值作为属性值,另一个值会自动默认为center。指定两个值作为属性值是,top和bottom不能一起出现,left和right不能一起出现。 3、xpos,ypos。第一个值是水平位置,第二个值是垂直位置。 |
background-attachment | 设置背景图片固定还是随页面滚动。 scroll,默认值、图片随页面其余部分滚动 fixed,设置背景图像固定 inherit,从父元素继承 local,背景图片随滚动元素滚动 |
2、 文本(Text)
通过css的Text属性,你可以修改页面中文本的颜色、字符间距、对齐方式、文本装饰、缩进等等
属性 | 描述 |
color | 设置文本颜色 |
text-align | 设置文本水平对齐方式 left,文本排列到左边,默认值,由浏览器决定 right,文本排列到右边 center,文本排列到中间 justify,文本两端对齐 inherit,从父元素继承值 |
text-decoration | 向文本增加修饰 none,默认值 underline,定义文本下的一条线 overline,定义文本上的一条线 line-through,定义穿过文本的一条线 blink,定义闪烁文本 inherit,从父元素继承值 |
text-indent | 缩进文本的首行 |
text-shadow(css3) | 设置文本阴影 语法:text-shadow : h-shadow v-shadow blur color; h-shadow,必需。水平阴影的位置,允许负值 v-shadow,必需。垂直阴影的位置,允许负值 blur,可选。模糊的距离 color,可选。阴影的颜色 |
text-transform | 控制元素中的字母 none,默认值 capitalize,文本中每个单词以大写字母开头 uppercase,字母全部变成大写 lowercase,字母全部变成小写 inherit,从父元素继承值 |
line-height | 行高 |
vertical-align | 设置元素的垂直对齐 baseline,默认值,元素放在父元素的基线上 sub,垂直对齐文本的下标 super,垂直对齐文本的上标 top,对齐父元素顶端 middle,对齐父元素中部 bottom,对齐父元素底端 |
direction | 设置文本方向 ltr,默认,文本方向从左到右 rtl,文本方向从右到左 |
3、字体(Font)
css字体属性,可以定义字体、加粗、字体大小、文字样式
属性 | 描述 |
font | 复合属性,在一个声明里设置所有字体属性 |
font-family | 指定字体系列 |
font-size | 指定字体大小 |
font-style | 指定字体样式 normal,默认值,显示一个正常的字体样式 italic,斜体字体式 oblique,倾斜的字体样式 |
font-variant | 以小型大写字体或者正常字体显示文本 |
font-weight | 指定字体粗细 normal,默认值,标准的字体粗细 bold,粗体字符 400px等同于normal,700px等同于bold |
4、列表样式
属性 | 描述 |
list-style | 简写属性,用于把所有列表属性设置到一个声明里 |
list-style-image | 将图像设置为列表项标志 |
list-style-position | 设置列表项标志的位置 |
list-style-type | 设置列表项标志的类型 |