标签：
9.9课堂内容大纲
框架：①<frameset></frameset>：框架集（如果使用框架集，当前页面不能有body）
⒈<cols="300,*"> ：左右拆分，左边宽为300px，右边宽剩余
⒉<rows="300,*"> ：上下拆分，上边高为300px，下边高剩余
⒊<frameset>：边框
⒋<frame>：⑴src：框架要显示的页面地址 ⑵<scrolling>：滚动条
②<iframe></iframe>：可以嵌在普通页里面
⒈<src>：框架里面要显示的页面地址
⒉<width>：框架的宽度
⒊<height>：框架的高度
⒋<frameborder>：框架的边框
⒌<scrolling>：滚动条
框架其他知识点：
⒈<marquee>滚动效果 <direction>滚动方向
⒉<mark>做标记 默认黄色
⒊<hr>分割线
⒋页面嵌入视频：1、找到视频 2、视频左下方点击分享 3、复制HTML代码 or 复制 flash or 复制通用代码 4、把复制的代码粘贴在页面里边。
CSS样式表：
分类：
⒈内联：写在标签里面，<style="样式">， 特点是控制精确，代码重用性差。
⒉内嵌：嵌在页面的head里面 <style type="text/css"></style> 特点是 控制没有内联精确，但是代码重用性好
⒊外部：单独的样式文件，引入：右键-css样式表-附加样式表 手打：<link herf="test.css"rel="stylesheet"type="text/cs">控制没有内联的精确，代码重用性最好
选择器：样式表用来选取元素的
⒈标签：根据标签名选中元素。
⒉<class>： .（点）：根据class名来筛选元素
⒊<id>：#（井号）：根据id名来筛选唯一元素
⒋复合：⑴ 逗号并列：<div，span> ⑵空格后代： <#list li> ⑶ 点筛选：<div.s>
样式：
大小：
⒈<width>：宽度
⒉<height>：高度
背景：
⒈<background-color>：背景色
⒉<background-image>：背景图片
⒊<background-repeated>：背景图的平铺方式
⒋<background-position>：背景图片位置
⒌<background-attachment>：设置背景图片是否滚动
⒍<background-size>：背景图的大小200px 200px
字体：
⒈<font-family>：字体样式。
⒉<font-size>：字体大小 12px 14px
⒊<font-style>：italic字体倾斜
⒋<font-weight>：bold加粗
⒌<text-decoration>：⑴：underline：下划线⑵：overline：上划线⑶：line-through：删除线 ⑷：none：没有，用来去掉链接的下划线，美观
⒍<color>：字体颜色
对齐方式：
⒈<text-align>：水平对齐方式
⒉<vertical-align>：垂直对齐方式
⒊<line-height>：行高
⒋<text-indent>：缩进单位像素
边界边框：
⒈<margin>：外边距 简写： 上右下左（默认）
⒉<padding>：内边距 简写：上右下左（默认） 注意：如果加了内边距，该元素会相应变大
⒊<border>: 1px solid #60F 简写方式 第一个边框粗细 第二个边框样式 第三个边框颜色。
经过几天的学习，给我的感觉就是知识点太零碎，首先要记清，记住各标签的含义，用法，多手打练习。 加油！！
标签：
原文地址：http://www.cnblogs.com/u1020641/p/5857391.html
