CSS基础知识总结
前言
Html和CSS、JavaScript的关系，学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：
- HTML是网页内容的载体，是名词。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
- CSS样式是表现。就像网页的外衣，是形容词。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
- JavaScript是用来实现网页上的特效效果，是动词。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
CSS定义
层叠样式表全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。属性和属性值用冒号分隔开，以分号结尾(这些符号都是英文的)。
使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
CSS的引入方式
从CSS 样式代码插入的形式来看基本可以分为：内联式、嵌入式和外部式三种
内联式css样式
就是把css代码直接写在现有的HTML标签中，如下面代码：
"color:red">这里文字是红色。
"color:red;font-size:12px">这里文字是红色。
嵌入式css样式，
就是可以把css样式表放到head中用标签包裹起来。如下面代码实现把三个标签中的文字设置为红色。
嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。
...
外部式css样式
外联式：就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在内（注意不是在
"base.css" rel="stylesheet" type="text/css" />
注意：
1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel=“stylesheet” ，type=“text/css” 是固定写法不可修改。
3、标签位置一般写在标签之内。
如果非要写在
...
样式的应用顺序：
- 行内样式优先级最高
- 针对相同的样式属性，不同的样式属性将以合并的方式呈现
- 相同样式并且相同属性，呈现方式在中的顺序决定，后面会覆盖前面属性
- !important 指定样式规则应用最优先
CSS选择器
定义
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明，形式如下：
selector {
property: value;property: value;property: value;property: value;}
在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素
类型
基本选择器
1 标签选择器
标签选择器其实就是html代码中的标签。如的< html >、< body >、< h1 >、< p >、< img >。
例如下面代码：
这是 heading 1
这是 heading 2
这是一段普通的段落。
例如，如果您想把很多元素显示为灰色，可以使用类似如下的规则：
body, h2, p, table, th, td, pre, strong, em
{
font: 28px Verdana; color: white; background: black;}
2 类选择器
匹配所有class属性中包含info的元素，（类名不能以数字开头，类名要区分大小写。）
在 CSS 中，类选择器以一个点号显示：
.类名 {
text-align: center}
注意：
1、英文圆点开头
2、其中类选器名称可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合适的标签把要修饰的内容标记起来，如下：
第二步：使用class=“类选择器名称”，为标签设置一个类，如下：
第三步：设置类选器css样式，如下：
.stress{
color:red;}/*类前面要加入一个英文圆点*/
胆小如鼠
"stress">胆小如鼠
3 ID选择器
使用id属性来调用样式，在一个网页中id值唯一（是W3C规范而不是规则，不会报错）。
语法：#ID名{样式}（ID名不能以数字开头)
#Mycolor {
color: yellow}
"Mycolor">H3
4 类和ID选择器的区别
相同点：可以应用于任何元素
不同点：
1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
下面代码是正确的：
三年级时，我还是一个"stress">胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个"stress">勇气来回答老师提出的问题。
三年级时，我还是一个"stress">胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个"stress">勇气来回答老师提出的问题。
2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
到了三年级下学期时，我们班上了一节公开课...
#stressid{
color:red;
}
#bigsizeid{
font-size:25px;
}
<