CSS背景
backgroup属性定义html元素的背景。
定义元素背景效果的由五种。
背景颜色:background-color
背景图像:background-image
背景图像设置水平或垂直平铺或不平铺:background-repeat
背景图像设置定位:background-position
背景图像设置固定或滚动:background-attachment
背景属性简写:
body{
background:green url('images/fix.gif') no-repeat fixed 12px 24px;
}
当使用简写属性时,属性值的顺序依次为:
background-color
--> background-image
--> background-repeat
--> background-attachment
--> background-position
外观属性
css的文本格式主要分为:文本颜色,文本对齐方式,文本修饰,文本阴影,文本缩进,文本间距,字间距,文本空白处理,文本转换。
文件对齐方式:text-align属性有四个值:left,center,right,justify(两端对齐);属性默认值为auto。
文本修饰:text-decoration 属性用来设置或删除文本的修饰。主要是用来删除超链接的下划线,也可以使用其他值来设置文本的修饰;
text-decoration:overline,设置文本上划线。
text-decoration:line-through; 设置文本中间划线。
text-decoration:underline; 设置文本下划线。
文本阴影:text-shadow: x,y,shadow,color。
x 是水平阴影的偏移值,
y 是垂直阴影的偏移值,
shadow 用于指定阴影的模糊值,即模糊效果的作用距离,不允许负值。
color 指定阴影的颜色。该属性有两个作用,产生阴影和模糊主体。
文本缩进:用来指定文本的首行缩进,允许为负值,如果值是负数,第一行则向左缩进。表示为:text-indent:2em,em 是相对文字大小的单位,1em 就是1个文字大小,2em 就是两个文字大小。
文本间距:行高,也就是文本行的高度。例如:line-height:22px;
字间距:letter-spacing 和 word-spacing 这两个属性都可用来增加或减少文本间的空白,即字间距。(letter-spacing 属性设置字符间距, word-spacing 属性设置单词间距。)
text-align:justify则是设置内容根据宽度自动调整字间距,使各行的长度恰好相等,实现文本两端对齐效果。
letter-spacing 是指定一个固定的字间距。
文本空白处理:white-space 属性指定元素内的空白如何处理,默认值为 normal 空白会被浏览器忽略。该属性还有4个值:nowrap,pre,per-wrap,pre-line。
nowrap 文本不会换行,禁止换行,文本会在同一行上继续,直到遇到 <br>
标签为止。
pre 空白会被浏览器保留,这种方式类似 HTML 中的 <pre>
标签,用于定义预格式文本。
pre-wrap 指定保留空白符序列,但是正常地进行换行。
pre-line 指定合并空白符序列,但是保留换行符,并允许自动换行。
文本转换:text-transform 属性控制文本中的字母。是用来指定在一个文本中的大写和小写字母,可用于将所有字句变成大写或小写字母,或每个单词的首字母大写。
text-transform:capitalize, 定义文本中的每个单词以大写字母开头。
text-transform:uppercase,定义文本仅有大写字母。
text-transform:lowercase,定义文本仅有小写字母。
css链接
链接一共由四个状态:link,visited,hover,active。
a:link - 正常,未访问过的链接。
a:visited - 已访问过的链接。
a:hover - 当鼠标滑动到链接上时。
a:active - 链接被点击的那一刻。