CSS基本语法
一个网页更像一个立体的结构，html管框架，CSS管表现，但是显示为一个平面。
编写css不要用内联的方式，可以在<head>标签里放<style>标签，然后通过CSS选择器选中元素并为其设置各种样式，好处是可以为多个标签设置样式，并且方便维护。
在<head>-<style>里编写CSS不属于HTML内容，和HTML是相互隔离的，需要遵守CSS语言规范
CSS注释：/* */(区别于html的<!-- -->)
基本语法：1.选择器（通过选择器可以选中页面的指定元素） 2.声明块：通过声明块来指定要为元素设置的样式，是一个名值对结构，名和值之间以“：”连接，以“；”结束
选择器有多种形式，这里先说一下不同元素之间可能存在的关系，如下图：
如
而选择器的划分：
简单选择器（根据名称、id、类来选取元素）
组合器选择器（根据它们之间的特定关系来选取元素）
伪类选择器（根据特定状态选取元素）
伪元素选择器（选取元素的一部分并设置其样式）
属性选择器（根据属性或属性值来选取元素）
语法：1、element[属性名] 2、element[属性名=属性值]
这里记一个ID选择器：
#para1 { }大概是这种形式
注意：ID是不能重复的
类选择器：calss是标签的一个属性，不同的是class可以重复使用，而且一个标签可以有多个class。形式是 .class{ }
通用选择器，它将会影响页面上的每个html元素 * { }
CSS 元素选择器 p { }
复合选择器，将不同的选择器放在一起使用。
交集选择器，注意，有元素选择器的时候用元素选择器开头
语法：选择器1选择器2选择器n{}
并组选择器：如h1,span{ }
兄弟元素选择器：语法 element+element{ }这是后一个兄弟 element~element{ }这是中间所有兄弟
属性选择器：
1、element[属性名] 2、element[属性名=属性值] 3、element[属性名^=属性值](选择以指定属性值打头的元素) 4、element[属性名$=属性值]（选择以指定属性结尾的元素）
4、element[属性名*=属性值]（选择含有指定属性值的元素）
伪类：用来描述一个元素的特殊状态，比如
第一个元素、被点击的元素、鼠标移入的元素。伪类基本都是使用“：”开头。伪类选择器和伪元素选择器，相差不大
语法：在选择器后面加上
1、：first-child 2、last-child 3、nth-child ( )[括号里写几就选几，写n则全选，写2n则选偶数位，写2n+1则选奇数，写odd也是奇数位，even也是偶数]
以上三种都是在所有子元素里面选，而“first-of-type”"last-of-type"则是在同类型子元素里面选的
否定伪类：在原来的伪类选择器前面加上“：not（）”，表示被括号括到的元素不选。
title属性：在标签中加入，当鼠标放在这上面时，会显示你写的title
快速创建标签：
如在html中写 ul>li* 就会生成
<ul>
<li><li>
<li><li>
<li><li>
<li><li>
<li><li>
<ul>
特别说一下导航栏的透明效果的制作，在原有的导航栏的基础上，设置背景图片为想要选择的图片，注意透明效果的实现不要用opacity属性，因为他会影响到子集，导致导航栏文字也产生透明效果，可以用background-color:rgba(0, 0, 0, 0.3);这样的属性
做出来的效果如下：
62
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
