一、什么是css
css是Cascading Style Sheet 层叠样式表，表现HTML文件样式的语言，包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。
css的基础语法
选择器{
声明1；
声明2；
...
}
二、引入CSS的方式
CSS样式优先级（就近原则）
行内样式 > 内部样式表 > 外部样式表
1、行内样式
使用style属性引入CSS样式
<style>标签在<head>和 </head> 之间
<style type="text/css">
h1 {
font-size:12px;
color:#F00;
}
2、内部样式表
CSS代码写在<head>的<style>标签中
3、外部样式表
链接式
导入式
两者区别：<link/>标签属于XHTML，@import是属于CSS2.1。
使用<link/>链接的CSS文件先加载到网页当中，再进行编译显示。
使用@import导入的CSS文件，客户端显示HTML结构，再把CSS文件加载到网页当中。
@import是属于CSS2.1特有的，对不兼容CSS2.1的浏览器是无效的。
三、选择器
基础选择器
标签选择器
HTML标签作为标签选择器的名称
例如：p { font-size:16px;}
类选择器
<标签名 class= “类名称”>标签内容</标签名>
例如：.class { font-size:16px;}
ID 选择器
<标签名 id= “id名称”>标签内容</标签名>
例如：#id { font-size:16px;}
细节
标签选择器直接应用于HTML标签
类选择器可在页面中多次使用
ID选择器在同一个页面中只能使用一次
优先级：ID选择器>类选择器>标签选择器
基本选择器不遵循 “就近原则
高级选择器1
后代选择器
两个选择符之间必须用空格隔开。简单来说就是E下的所有F元素都被选择
子选择器
只选择了紧跟在E后面的F元素。
相邻兄弟选择器
选择的元素F是位于匹配的E元素后面的那个元素。
通用兄弟选择器
选择的元素F位于匹配的元素E后面的所有兄弟元素。
高级选择器2
高级选择器3
扫一扫
295
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
