<!--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>
浙公网安备 33010602011771号