CSS知识总结（1）

CSS知识点总结（1）
1.Html和CSS的关系
1）. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2）. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3）. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
2.一个HTML文件的固定结构

...
...

讲解：
1).称为根标签，所有的网页标签都在中。
2). 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有

2.什么是CSS？
1).CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。
如下列代码：
p{ font-size:12px; color:red; font-weight:bold; }CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

2).CSS代码语法
css 样式由选择符和声明组成，而声明又由属性和值组成
选择符{属性:值}
例如：

p{color:red;}//其中的color就是属性，red是值，p则是选择符。

选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol，在Jquery的学习中会遇到更多选择器）不会受到影响。
声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：

p{font-size:12px;color:red;}

3.从CSS 样式代码插入的形式来看基本可以分为以下3种：
内联式、嵌入式和外部式三种
1）,内联式css样式
就是把css代码直接写在现有的HTML标签中，如下面代码：

这里文字是红色。

css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码：

这里文字是红色。

2）,嵌入式css样式，
就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色：

嵌入式css样式必须写在