<!--iframe:可以把一个页面嵌入另一个页面中。--> <iframe src="插入一个页面" width="宽" height="高" frameborder="有无边框" scrolling="是否显示滚动条"></iframe> <!--使用iframe如果width="0" height="0"能够将这个页面页面隐藏掉,但是在运行页面的时候这个页面也仍在运行(有一些病毒网站就是这样)--> <iframe src="插入一个页面" width="0" height="0" frameborder="有无边框" scrolling="是否显示滚动条"></iframe> <!--frameset:框架集,框式支架。如果使用frameset,就不能body,frameset代替body。cols：左右拆分 rows：上下拆分 *代表所有,这里是剩下的所有--> <frameset cols="300,*"> <frame src="嵌入的页面"/> <frame src="嵌入的页面"/> </frameset> <!--marquee:滚动效果--> <marquee direction="滚动方向">要滚动的文字,图片..</marquee> <!--mark:标记,记号--> <span>用来<mark>做标记</mark></span> <!--hr:做分割线--> <hr /> <hr width="分割线长度" color="分割线颜色" size="控制分割线粗细" /> <!--HTML 5里有个video标签也是可以嵌入视频 --> 页面嵌入视频: 找到视频 视频左下方点击分享 复制HTML代码 复制 falsh 复制通用代码 把复制的代码粘贴在页面里面 样式 style：样式 type：类型 <!--写在标签里边的样式：内联样式--> <div style=""></div> /*内嵌样式表 写在head里边 text/css是样式表*/ <style type="text/css"> </style> /*外部样式 也是写在head里*/ 新建-css样式表-外部样式表（就在这里边写样式） 右键-css样式-附加样式表-找到外部样式表（这样的话就可以把外部样式表里的样式拿到当前页面来使用了） <link href="外部样式表.css" rel="stylesheet" type="text/css" /> 样式的格式： 样式名:样式的值 多个样式之间用;分号分隔 举例：<div style="color:#F00;"></div> 样式的优缺点以及优先级：
内联样式： 优点：控制精确 缺点代码重用性差，页面代码乱 优先级最高 内嵌样式： 优点：代码重用性好 缺点：控制不精确 优先级其次 外部样式： 优点：代码重用性最好 缺点：控制最不精确 优先级和内嵌一样 使用内联：<div style="样式">文字..</div> 使用内嵌：<style type="text/css"> 选择器{选择器的样式}</style> 选择器样式： 注：选择器样式要写在<style type="text/css"> </style>样式表里,元素写在body里,样式表的的注释语法 /* */。 *{} *选择器：*代表选取页面里所有的元素花括号{}的样式 *{color:#..;} <div style="color:#..;">文字..</div> #{} id选择器: 准确控制找单个元素,id的选择器为# #id名字{color:#..;} <div id="id名字">准确控制找单个元素</div> 注：id的名字不能使用中文打头 id="d1" .{} class选择器 找多个元素,class的选择器为. .class名字{color:#..;} <div class="class名字">找多个元素1</div> <div class="class名字">找多个元素2</div> <div class="class名字">找多个元素3</div> 注：class="相同的名字" 标签选择器span span{color:#..;} <span>这是span1</span> <span>这是span2</span> <span>这是span3</span> 选择器的优先级： 标签选择器>*（所有） class选择器>标签选择器 id选择器>class选择器 复合选择器： <style type="text/css"> div,span{color:..;} /* , 逗号代表并列 */ </style> <body> <div>后代1</div> <span>后代2</span> </body> <style type="text/css"> #d3 div{color:..;} /* 空格代表子集 这里是找d3下面的子集*/ </style> <body> <div id="d3"> <div>后代1</div> <div>后代2</div> </div> </body> <style type="text/css"> #ul li{color:..;} /*跟以上一样,找ul的子集*/ </style> <body> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul>
<style type="text/css"> div.c1{color:..;} /* . 点能够筛选class,这里是筛选div class为c1 */ </style>
<body>
<div class="c1">筛选div class=c1</div> <div class="c1">筛选div class=c1</div> <span class="c1">这是span</div> </body>