框架标签: framset
<frameset rows="15%,*"> <frame src = "aaa.html" /> # 框架子标签 <frameset cols="20%,*"> <frame src="bbb.html" /> <frame src="ccc.html" name="rightframe"/> </frameset> </frameset>
DIV标签 默认占一行
CSS casccading style sheet 层叠样式表
CSS的引入方式:
? 外部样式: 通过link标签引入一个外部的css文件
? 内部样式: 直接在style标签内编写CSS代码
? 行内样式: 直接在标签中添加一个style属性, 编写CSS样式
<style> 三种选择器: #id{} .class{} p{} 属性选择器: 标签名[属性值]{} a[title] a[title = ""] a[href = ""][title] </style>
CSS浮动 : float 浮动的元素 不占正常的文档空间 : 清除浮动 clear(both,right,left)
css 就近原则 2个 .class{} 谁对标签近,用谁的样式
css 后代选择器
1、 h1 em{} h1的所有后代 ,子子孙孙
2、 h1 >em {} h1的 儿子em
CSS伪类 : 只用在a标签中
a:link{ }
a:visited{ }
a:hover{ }
a:active{ }
盒子模型:
margin : 与其他盒子间距
border : 边框
padding : 内边距
上右下左 顺时针
padding : 10px 20px (上下10 左右20)
转换 display
选择器{display:属性值}
常见的属性值 : inline: 转换成行内元素
block : 转换成 块元素
inline-block :
none : 隐藏,不显示,不占页面空间
CSS的优先级
按照选择器搜索精确度来编写: 行内样式 > ID选择器 > 类选择器 > 元素选择器