如爆炸般的信息内容在今天来了个小高峰，很刺激！（如若内容有书写或用法错误，肯定指点，本萌新表示无尽感激！！）

　　框架（不同于其他标签，它的存在要取消掉body的位置）主要用于把界面分层次,以后可以用模版做，前端尽量不要用，体验上不是很好。

<frameset rows="30%,*" frameborder="0"></frameset>  “cols分列   rows分行  *代表剩下的所有”

　　<frame src="http://www.mamicode.com/已做好的页面1.html"/>

　　 <frame src="http://www.mamicode.com/已做好的页面2.html" scrolling="yes"/>     “scrolling="yes"  开启滚动条”

　　引用视频（在body内容里用）

　　<iframe src="http://地址" width="100%" height="300px"></frame>

　　以下是一种很坏的用法，用来刷流量的，请勿使用！

　　<iframe src="http://地址" width="0" height="0" frameborder="0"></frame>

　　(在页面中不显示任何信息，但是却在内部登了别人的一个网站，检查可以找到)

外部引用（需要提前写好css样式表）

<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/样式表文件.css">

编辑样式表

<style type="text/css">以下选择内容都在这里写</style>   “标签选择器”

*表示所有元素

*{

　　margin: 0px;

　　padding: 0px;

}    “margin外边距    padding内边距”

div{

　　width: 300px;     “必须写px”

　　height: 100px;

　　font-family: "楷体";

　　font-size: 50px;

}

class选择器

　　.pp{

　　　　background-color: green;                              

　　}

　　.pp2{

　　　　font-size: 100px;

　　}            “如果想让某文字出现双效果为class="pp pp2"”

id选择器

　　#div1{

　　　　width: 500px;

　　}

 子代选择器（给所有的子代内容，以下为对全体td的选择）

　　.tab td{

　　　　border: 1px solid black;

　　}“solid实线边框”

并列选择器（对两种不同选择器内属性进行统一，写作“#属性值1,属性值2;”）

　　#div1,.tab{

　　　　color: greenyellow;

　　}

点筛选

　　div.div2{

　　　　font-size: 100px;

　　　}

</style>

列表（分为ol有序列表和ul无序列表）

<ol type="a"> “type属性值可以为1、a、A、i、I，可以任选其一”

<li>x</li>     “li前面自带序号，默认数字顺序，序号根据type属性值改变”

<li>y</li>

<li>z</li>

</ol>

<ul type="circle"> “type属性值可以为circle、disc、square，可以任选其一”

<li>x</li>   “li前面默认黑点，根据type属性值改变circle空心圆、disc黑点、square方块”

<li>y</li>

<li>z</li>

</ul>

可以取消掉列表前面的样式，直接选取整个列表进行操作

例如 ul{

         list-style:none

}

还有各种样式内的属性值（挺多的，有时间单独列个表）

0411所学知识总结