从基础复习前端html--5.css样式

1.css背景。

css允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。

background-color:gray;给背景添加背景色。

background-image:url(/i/eg.gif)；给背景添加背景图片，所有背景属性都不能继承。

background-repeat：repeat-x；背景图像进行横向平铺。值：repeat-y、no-repeat；

background-position：center；将背景图像居中放置。值：top、bottom、left、right、center、100px、50%。

backgroung-attachment：fixed；图像相对于可视区是固定的，不会受到滚动的影响。默认值是scroll，会滚动。

2.css文本。

css文本属性可定义文本的外观，可以改变文本的颜色、字符间距、对齐文本、装饰文本、对文本进行缩进等等。

text-indent：16px；把文本的第一行缩进16px的长度。

可使用负值-16px，使用负值要当心，可能会超出左边界，设置一个外边距或内边距解决，padding-left:16px;

可使用百分比20%，百分数相当于缩进父元素的宽度。

text-indent属性可以继承。

text-align：center；使文本居中，值left左对齐、right右对齐。

word-spacing：2px；属性可以改变字（单词）之间的标准间隔，默认值是normal。正值拉远，负值拉近。

letter-spacing：2px；属性修改的是字符或字母之间的间隔。默认值是normal。正值拉远，负值拉近。

text-transform：none；属性处理文本的大小写，值：uppercase全大写，lowercase全小写，capitalize首字母大写。

text-decoration：none；属性对下划线设置，underline增加下划线，overline顶端加上划线，line-through中间加贯穿线，blink让文本闪烁。

white-space：normal；属性对源文档中的空格、换行和tab字符处理。值pre时不会忽略空格。

direction 属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。

注释：对于行内元素，只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。

direction 属性有两个值：ltr 和 rtl。大多数情况下，默认值是 ltr，显示从左到右的文本。如果显示从右到左的文本，应使用值 rtl。

3.css字体。

字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。

font-family：Times, TimesNR,  ‘New Century Schoolbook’, Georgia, 'New York', serif;根据这个列表，用户代理会按所列的顺序查找这些字体。如果列出的所有字体都不可用，就会简单地选择一种可用的 serif 字体。

font-style:normal;属性最常用于规定斜体文字。值normal正常，italic斜体，oblique倾斜。

斜体（italic）是一种简单的字体风格，对每个字母的结构有一些小改动，来反映变化的外观。与此不同，倾斜（oblique）文本则是正常竖直文本的一个倾斜版本。通常情况下，italic 和 oblique 文本在 web 浏览器中看上去完全一样。

font-variant属性可设定小型大写字母。值small-caps；

font-weight属性设置文本的粗细。使用bold关键字可以将文本设置为粗体，关键字100~900为字体的9级加粗度，100最细字体，900最粗字体，400等价于normal，700等价于bold。讲元素设置为bolder，浏览器会设置比继承值更粗的一个字体加粗。

font-size属性定义文本的大小。

绝对值：像素px表示，如16px；20px。

相对大小：em表示，em=px/父元素的默认值。

4.css链接。

a:link-普通的、未被访问的链接，a:visited-用户已访问的链接，a:hover-鼠标指针位于链接的上方，a:active-链接被点击的时刻。顺序：a:hover必须在a:link和a:visited之后，a:active必须在a:hover之后。

text-decoration属性大多用于去掉链接中的下划线。

5.css列表。

list-style-image：url（xxx.jpg）;给各标志使用一个图像。

list-style-position属性确定标志出现在列表项内容之外还是内容内部。

简单列表样式：li{list-style：url（xxx.jpg） inside}

list-style：none；表示去掉标志。

6.css表格。

如需在css中设置表格边框，使用border属性。

table，th，td{border:1px solid blue;}上例中表格具有双线条边框，table、th和td元素都有独立的边框。

border-collapse属性设置是否将表格边框折叠为单一边框。

表格宽度和高度：宽度width，高度height。

表格文本对齐：text-align和vertical-align属性设置表格文本的对齐方式。

text-align属性设置水平对齐方式，左对齐（left）、右对齐（right）或者居中（center）。

vertical-align属性设置垂直对齐方式，顶部对齐（top）、底部对齐（bottom）或居中对齐（center）。