CSS3简介
一、CSS3概述
当一个网站运用CSS3技术时。会让一个网站变得趣味盎然，变得更加炫酷。css以html为基础。提供了丰富的功能，如字体、颜色、背景的控制及整体排版等。css还非常的灵活，既可以嵌入在html中，也可以是一个单独的外部文件，若是嵌入在html中时要集中写在html文档的头部，符合结构与表现相分离的。
二、CSS发展史
1996年css1
1998年css2
2004年css2.1
如今的css3
CSS核心基础
一、CSS样式规则
格式例如：选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3}
具体实例：h2{font-size:20px; color:red;}
二、引入CSS样式表
1.行内式：<标记名 style=“属性1：属性值1;属性2：属性值2;属性3：属性值3;”>内容</标记名>
2.内嵌式：
具体实例如下：
<head>
<style type="text/css">
选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3}
</style>
</head>
3.链入式：单独建一个css文档和html文档连接起来
具体实例如下：
<head>
<link href="css文件的路径" type="text/css" rel="stylesheet">
</head>
三、CSS基础选择器
1.标记选择器：标记名{属性1：属性值1；属性2：属性值2；属性3：属性值3}
2.类选择器：**.**类名{属性1：属性值1；属性2：属性值2；属性3：属性值3}
3.id选择器：#id名{属性1：属性值1；属性2：属性值2；属性3：属性值3}（id选择器不支持象类选择器那样定义多个值）
4.通配符选择器：用*表示，不建议在网页开发中使用，对所有的html标都生效。
5.标签指定式选择器：只适用于带p的标签。
6.后代选择器：strong仅仅适用于嵌套在p标签中才可以使用。
7.并集选择器：许多选择器并列在一起。
文本样式属性
一、字体样式属性
1.font-size：字号大小 例如：p{font-size:12px;}
2.font-family：字体 例如：p{font-family:“微软雅黑”;}
中文字体需要加英文状态下的引号，英文字体一般不需要加引号，英文字体必须位于中文字体之前，各种字体之间必须使用英文状态下的引号。
3.font-weight：字体粗细
normal：默认值。定义标准的字符
bold：定义粗体字符
bolder：定义更粗的字符
lighter：定义更细的字符
100~900（100的整数倍）：定义由细到粗的字符。其中400等同于normal，700等同于bold，值越大字体越粗
4.font-style：字体风格
normal：默认值，浏览器会显示标准的字体样式
italic：浏览器会显示斜体的字体样式（经常使用这一个）
oblique：浏览器会显示倾斜的字体样式
5.font：综合设置字体样式
必须保留字号大小和字体
6.@font-face属性：可以再用户计算机未安装字体时，使用任何自己喜欢的字体
基本语法格式如下：
@font-face{
fonr-family:字体名称;
src:字体路径;
}
7.word-wrap属性用于实现长单词火和URL地址的自动换行
其基本格式如下：
选择器{word-wrap:属性值；}
normal：只在允许的断字点换行（浏览器保持默认）
break-word：在长单词或URL地址内部进行换行
二、文本外观属性
1.**color：**颜色
预定义的颜色值：如red，green，blue等。
十六进制，如#FF0000，#FF6600，#29D794等。在实际工作中，十六进制是最常用的定义颜色的方式。
RGB代码，如红色可以表示为rgb（255，0，0）或rgb（100%，0%，0%）。
2.letter-spacing：字间距
就是字符与字符之间的空白，可以为不同单位的数值，允许使用负值，默认为normal。
3.word-spacing：单词间距
英文单词之间的间距，对中文字符无效其他书写方式和letter-spacing一个样
4.line-height：行间距 所指的就是行高
属性值单位有三种：像素px（使用最多） 相对值em 百分比%
5.text-tsansform：文本转换 控制英文字符的大小写
none：不转换（默认值）
capitalize：首字母大写
uppercase：全部字符转换为大写
lowercase：全部字符转换为小写
6.text-decoration：文本装饰
none：没有装饰（正常文本默认值）
underline：下划线
overline：上划线
line-through：删除线
后面可以赋多个值，用于给文本添加多种显示效果
7.text-align：水平对齐方式
left：左对齐（默认值）
right：右对齐
center：居中对齐
例如：h2{text-align：center;}
8.text-indent：首行缩进
适用于设置首行文本的缩进，其属性值可为不同单位的数值，允许使用负值 ，建议使用em作为设置单位
属性值单位有三种：像素px 相对值em 百分比%
9.white-space：空白符处理
normal：常规（默认值），文本中的空格、空行无效，满行（到达区域边界）后自动换行
pre：预格式化，按文档的书写格式保留空格、空行原样显示
nowrap：空格空行无效，强制文本不能换行，除非遇到换行标记<br />。内容超出元素的界面也不换行，若超出浏览器页面则会自动增加滚动条
10.text-shadow：阴影效果
基本格式为：选择器{text-shadow:h-shadow v-shadow blur color;}
11.text-overflow：标示对象内溢出文本
选择器{text-overflow:属性值}
clip：修剪溢出文本，不显示省略标记“…”
ellipsis：用省略标记“…”标示被修剪文本，省略标记插入的位置是最后一个字符
要显出来，以下三个缺一不可：
white-space：nowrap；样式强制文本不能换行
overflow：hidden；样式隐藏溢出文本
text-overflow：ellipsis；样式显示省略标记
CSS高级特性
一、css层叠性和继承性
1.层叠性：及多种文本样式的叠加
2.继承性：子标记会继承父标记的某些样式
二、css优先级
965
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
