标签：
CSS当中属性非常多，大体上可以分为以下几类：字体、背景、文本、位置、布局、边缘、列表
1）、字体
字体的属性主要包括文字的字体、大小、颜色、显示效果等基本样式。下面是各种字体属性的详细介绍
Font-family:该属性用于设置字体系列
Font-size：该属性定义文字的大小，可以使用度量单位来设置字体的大小，也可以使用一个相对的字体大小。还可以使用绝对的大小标记符。
绝对大小的设置为xx-small、x-small、 small、medium、large、x-large、xx-large中的任意一个。xx-small最小，xx-large为最大
font-style：该属性用于定义字体样式为Normal、Italic或者Oblique（斜体）
text-decoration：该属性用于在文本中条件下划线、上划线、中划线、闪烁效果
font-weight：该属性用于设置粗体字的磅值
该属性的值有：Normal、bold、bolder、ligthter、100-900
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> #p1{ font-family:DFKai-SB; } #p2{ font-size:xx-small; } #p3{ font-style:italic; } p.p4{ border-top:dashed; border-left:dotted; border-bottom:double; } p.p5{ font-weight:bolder; } </style> </head> <body> <p id="p1">短发散发斯蒂芬违法所得就看见达拉斯</p> <p id="p2">短发散发斯蒂芬违法所得就看见达拉斯</p> <p id="p3">短发散发斯蒂芬违法所得就看见达拉斯</p> <p class="p4">短发散发斯蒂芬违法所得就看见达拉斯</p> <p class="p5">短发散发斯蒂芬违法所得就看见达拉斯</p> </body> </html>
2）、背景
背景包括背景颜色、背景图像、以及背景图像的控制。
Background-color：设置背景颜色，transparent 透明的背景色
Background-image:设置元素的背景图片
Background-repeat：确定背景图像是否以及如何重复
这个属性的取值no-repeat:表示背景图像只在元素的显示区域中出现一遍
Repeat:在水平和垂直方向上垂直
Repeat-x和Repeat-y 分别在水平或者垂直方向上重复
Background-attachment：确定背景图像是否跟随内容滚动，
设置为fixed时，表示固定背景图像，scroll表示图像跟随内容的移动而移动
Background-position：指定背景图像的水平位置和垂直位置
水平位置的取值可以是left、center、right。也可以是数值
垂直的取值可以是top、center、right 也可以是数值
文档流：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
div {
height: 300px;
width: 300px;
}
div.div1 {
background-color: red;
top: 100px;
left: 100px;
position: absolute; /*绝对定位*/
z-index:3;
}
div.div2 {
background-color: yellow;
top: 130px;
left: 130px;
position: absolute;
z-index:1;
}
div.div3 {
background-color: green;
top: 160px;
left: 160px;
position: absolute;
z-index:2;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>
3）、文本
文本的属性包括：文字间距、对齐方式、上标、下标、排列方式、首行缩进
word-spacing:设置单词之间的间距
letter-spacing：设置字符之间的间距
Text-align:设置文本的水平对齐方式，取值可以是left、right、center、justfy
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> p.p1{ word-spacing:10px; letter-spacing:20px; } .p2{ text-align:center; text-indent:15px; line-height:40px; background-color:red; } </style> </head> <body> <p class="p1">abcdefghijklmnopqrstuvwxyz</p> <p class="p2"> 字体的属性主要包括文字的字体、大小、颜色、显示效果等基本样式。下面是各种字体属性的详细介绍 Font-family:该属性用于设置字体系列 Font-size：该属性定义文字的大小，可以使用度量单位来设置字体的大小，也可以使用一个相对的字体大小。还可以使用绝对的大小标记符。 绝对大小的设置为xx-small、x-small、 small、medium、large、x-large、xx-large中的任意一个。xx-small最小，xx-large为最大 font-style：该属性用于定义字体样式为Normal、Italic或者Oblique（斜体） text-decoration：该属性用于在文本中条件下划线、上划线、中划线、闪烁效果 font-weight：该属性用于设置粗体字的磅值 该属性的值有：Normal、bold、bolder、ligthter、100-900 </p> </body> </html>
.Net学习笔记----2015-07-14(CSS当中的样式属性详解)
标签：
原文地址：http://www.cnblogs.com/mikie/p/4645790.html
