第二阶段：CSS样式和div布局、文本属性、文字属性、背景属性介绍

1、框架集
a、内嵌标签
某个页面需要嵌入其他的页面，这种场景会使用内嵌标签。比如一个站点内的多个页面有相同的top和footer，那
么我们可以把top和footer区域单独的写出页面，在这些页面中通过内嵌标签把页面加载进来，从而达到页面的复
用，方便维护。
b)框架集
作用：框架集是用来做后台管理页面，要使用他们必须要保证如下的规则：
1、不能有body标签
2、frameset中可以嵌套frame和frameset
3、设计原则：
外层是frameset,里面要区分是frame还是frameset
如果里面包含2个或者是2个以上的页面就是用frameset,否则就是frame
4、frameset属性
rows=“10%,,10%",从上到下高度的10%,中间是，剩余的80%,可以直接用是星号表示； 10%,是下面是高度的
10%，实际是设置3行
cols="10%,”，代表2列，第1列是10%，第2列是剩下的90%，可以用星号
2、特殊字符
1、什么是特殊字符？
在html中有些字符是语法预留的，它们已经有一定的含义，比如<表示是标签的开始，如果我们要显示<的时候在
页面上直接编写<号是不起作用的。
1、大于号

>


2、小于号

<


3、大于等于号

≥


4、小于等于号

≤


5、版本

©
3、CSS样式
1、什么是css样式以及它的作用？
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或
XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种
脚本语言动态地对网页各元素进行格式化。 作用：一是美化、二是团队配合。
2、选择器的语法
描述样式是需要用选择器的语法来描述。
选择器的名字{
属性1：属性值;
属性2：属性值;
}
3、选择器的分类
1）标签选择器
当标签的名称和选择器的名称相同的时候，那么该选择器就是标签选 择器，这个时候会让页面上的所有标签用属
性设置的值去修饰。
2）id选择器：就是选择器的名称以#开头，如果页面的标签中有id属性，将id属性的值设置为选择器的名称，那么
id 选择器就会对标签起作用。
3）class选择器：在标签中添加一个class的属性，然后把选择器的名字写上。
4）后代选择器 ：选择器 后代选择器{},它的作用是限定后代选择器起作用的范围。

我是div1

我是段落1

我是div2

我是div3

我是段落2

我是div4

• 添加
• 修改

我是div5

6、样式的继承性和叠加性 1)叠加性:下面的案例就说明了这个问题，在外部样式中进行了字体大小和行高的设置，在内部样式中进行了颜色 的设置。最终的效果是两者共同起作用，这就是叠加。 2）继承性：我们在div中嵌套一个p标签，然后为p标签写样式，如果在div中定义的字体颜色对p标签的文字也起 作用，这就说明了p段落继承了它的父标签的样式。 5、伪类样式 1、静态伪类样式：针对a标签。 a:link 没有单击的样式设置 a:visited 点击释放后 a:hover 鼠标悬浮到链接上的样式设置 a:active 单击但是没有释放鼠标的时候的样式设置 如何记忆这几个样式设置的是什么时候的规则？记忆原则是love hate ，l：link v:visited h:hover a:active   3、背景属性 1)background-position：定位位置 水平方向的关键词：left、center、right 垂直方向的关键词:top、center、bottom 2)background-image:设置图片作为背景 3)background-repeat:图片是否重复 repeat：沿水平和垂直两个方向平铺 no-repeat：不平铺，即只显示一次 repeat-x：只沿水平方向平铺 repeat-y： 只沿垂直方向平铺 4)background-color:设置背景颜色