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

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

  <frame src="已做好的页面1.html"/>

   <frame src="已做好的页面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="样式表文件.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

}

还有各种样式内的属性值(挺多的,有时间单独列个表)

posted on 2017-04-11 23:14  汐风雪夜  阅读(569)  评论(0编辑  收藏  举报