前端概述03

03_布局—框架

<frameset rows="15%,*">    从上到下，上部占15%，*表示全部里的剩余部分
	<frame src="head.html" />
	<frameset cols="20%,*">
		<!-- *表示整体减去20%的剩余部分 -->
		<frame src="menu.html" />
		<frame src="main.html" name="main" /><!-- name给框架起名字 -->
	</frameset>
</frameset>

head.html 头部分

main.html 右侧 主体部分 menu.html左侧 菜单部分

<a href="学生管理.html" target="main">学生管理</a><!-- target规定在何处打开链接

css:

选择器

选择器{
css样式属性名称1:值;
……
}

				最最普通的一种选择器，叫标签选择器，就跟标签名称一致即可
				选择所以同名的标签
				标签选择器
					标签名称{
						样式属性:属性值;
					}
				
				类选择器，需要在标签里指定一个class属性，class="xx"
				class选择器的优先级大于标签选择选择器
				在同一个页面可以存在同名的class属性，这些是一类元素
				
				id选择器：在标签上给定一个id属性和属性值（优先级最大）
				而且在同一个页面下的id不能够重复
				因为后期要学javascript：
						dom操作：document.getElementById(“id属性值”)
							#id属性值{
								css样式属性:属性值;
							}
				
				并集选择器
				可以通过多个选择器选择某个标签
				选择器1,选择器2……{
					css样式属性:属性值;
				}
				子元素选择器（交集选择器）
				选择器1 选择器2{
					css样式属性:属性值;
				}
				
				通配选择器（*，代表所有）
				*{
					css样式属性值:属性值;
				}
				
				伪类选择器 描述的是一个元素的经历状态
				link状态：鼠标未经过元素标签的状态
				hover状态：鼠标悬停或者经过元素标签的状态
				active状态：鼠标点击，但没有松开的状态
				visited状态：鼠标访问过的状态，并且松开了（访问过了）
				
				hover放在link和visited之后，active放在hover之后才能有循环效果
				
				选择器:状态名称（不区分大小写，一般小写即可）{
					样式属性:属性值;
				}
				
				前端工程师用外联css,让html和css分离
				外联样式--外部方式
					1）就是在css文件夹下，定义好.css文件的后缀的css文件
					
					2）将css文件夹下的css文件导入到当前的html页面中
		-->