CSS 层叠样式表 功能：修饰页面
css基本语法结构：
选择器{
声明1：
声明2：
}
例：
h1{
font-size:30px;
color:red;
}
Html中写入位置：(先写入style标签后，在style标签内写入）
<head>
<style>
</style>
</head>
选择器分类：
1.标签选择器/派生选择器
根据标签进行选择
div{
}
2.类选择器 格式：.+类名
根据类进行选取，标签内需要设定class，在style中可以设定css样式
.class类名{
}
3.id选择器 格式：# + id
根据类进行选取，标签内需要设定id，在style中可以设定css样式
#id名{
}
4.通配符*选择器
选择所有标签
*{
}
5.后代选择器
div .class名{
}
6.子代选择器
div>.class名{
}
7.同一父级下的后一个相邻选择器
div+div{
}
8.同一父级下的后续所有元素选择
E~F{
}
9.属性选择器
例如：input[type='text']
E[attr="var"]{
}
css样式的引用方式：
1.head之间：
内部样式
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
2.行内样式
写在标签内，通过属性style书写的样式
<h1 style="font-size:60px;color:green">满江红·怒发冲冠</h1>
3.外部样式
- 书写css文件，
- 在页面中引用css文件（head中添加）
<link href="css.css" rel="stylesheet" type="text/css">
样式的优先级：
1.行内样式 > 内部样式 > 外部样式
2.id选择 > 类选择器 > 标签选择器
CSS的简单高级应用（jquery)：
1.后代选择器
选择p标签后的span标签，中间有空格
p span{
}
2.交集选择器 (既满足标签名又满足第二个类或者id名)
第一个为标签，第二个为类/id，中间无空格，即选取类名为spantext的p标签或选择id为ss的p标签
p.spantext 或 p#ss{
}
3.并集选择器
使用 , 分隔开 所列的选择器都设置相同的属性
p.spantext ， p#ss{
}
4.子代选择器
div包裹下的子代p标签，不包括孙代及以后的标签
div>p{
}
1257
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
