标签：
一.层叠样式表
1.什么是CSS
CSS是Cascading Style Sheets的缩写，它除了可以设置网页元素的显示位置和格式外，甚至还能产生滤镜，图像淡化，网页淡入淡出的渐变效果；一个样式表由样式规则组成，以告诉浏览器怎样去呈现一个文档；简而言之，CSS就是对网页显示效果实现与word一样的排版控制
2.CSS语言语法
格式: 属性1：值1；属性2：值2；
单位：颜色：#rgb #8fa #aaffaa red green rgb(255,0,10)
大小：em px pt(点，1点=1/72英寸) pc(帕，1帕=12点) cm mm(米) in(英寸)
注释：/* */ 在其中不要再包含注释
3.CSS的四种设置方式
内联样式表：在HTML元素中使用style属性内联
每个HTML标签都可以加样式；代码量大，不利于更新
嵌入样式表：通过HTML的<style>标签将CSS嵌入到HTML中使用
可以控制当前页面的所有样式；不能控制其他页面的样式
外部样式表：将样式单独定义在一个后缀名为.css的文档中，并在HTML中通过link元素连接到HTML中使用
多个页面都可以使用
输入样式表 :可以将一个样式文件输入到另外一个文件中，或将一个样式文件输入到<style>元素中 @import url(css文件)
他们的优先级：内联的高于其他的，其他三个看加载的顺序
内联：
<html>
<head><title>CSS练习</title>
</head>
<body>
<p>111111</p>
<p style="color:#FF0000;background-color:#00FF00;border:2px solid blue;font-size:4cm;text-align:center">222222</p>
<p>333333</p>
</body>
</html>
嵌入：
<html>
<head><title>CSS练习</title>
<style>
p{
color:red;
background-color:green;
font-size:2cm
}
</style>
</head>
<body>
<p>111111</p>
<p>222222</p>
<p>333333</p>
</body>
</html>
外部： layout.css
/* 这里直接写入CSS即可 */
p{
color:green;
background-color:red;
border:5px solid #000;
font-size:3cm;
}
css设置.html
<html>
<heda><title>CSS练习</title>
<link rel="stylesheet" type="text/css" href="css/layout.css"/>
</head>
<body>
<p>111111</p>
<p>222222</p>
<p>333333</p>
</body>
</html>
php-CSS
标签：
原文地址：http://www.cnblogs.com/heyunfeng/p/5495809.html
