初识CSS3

CSS的概念
Cascading Style Sheet 级联样式表
表现HTML或XHTML文件样式的计算机语言
包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定
内容与表现分离
网页的表现统一，容易修改
丰富的样式，使得页面布局更加灵活
减少网页的代码量，增加网页的浏览速度，节省网络带宽
运用独立于页面的CSS，有利于网页被搜索引擎收录
CSS基本语法结构
语法
h1 (选择器){
font-size(属性):12px;(值)(声明)
color:#F00;(声明)
}
style标签

行内样式:使用style属性引入CSS样式

style属性的应用

直接在HTML标签中设置的样式

内部样式表：CSS代码写在的

p（标签选择器） { font-size（属性）:16px（值）;}（声明）
类选择器语法：
<标签名 class= “类名称”>标签内容</标签名>
.class（类名称） { font-size:16px;}
ID选择器语法：
#id id名称{ font-size:16px;}
E F
后代选择器
选择匹配的F元素，且匹配的F元素被包含在匹配的E元素内
E>F
子选择器
选择匹配的F元素，且匹配的F元素是匹配的E元素的子元素
E+F
相邻兄弟选择器
选择匹配的F元素，且匹配的F元素紧位于匹配的E元素后面
E~F
通用兄弟选择器
选择匹配的F元素，且位于匹配的E元素后的所有匹配的F元素