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元素