2014-12-28 iframe,style,body style

 

 

1、<iframe></iframe>的用法css

<iframe src="http://baidu.com"></iframe>    内嵌网页,在一个网页中添加一个网页布局

能够在括号里面添加  width  height  scrolling="no"(是否有滚动条)  framborder="0"(是否有边框)post

<frameset></frameset>  能够代替<body>,彻底被另外一个网页代替,相似于一个表格spa

<frame/>   一个frame就是一个单元格blog

 

能够在<frameset>括号里面添加各类用法:get

rows="100,200,*"  表示设置3行,每行高度100,200,无限大iframe

cols="200.*" 设置两列it

frameborder   边框io

 

在设置完行和列后,后面直接加frame网址,显示顺序为第一行第一列→第一行第二列→第二行第一列→第二行第二列……ast

<frame src="http://baidu.com"/>

<frame src="http://sina.com"/>

<…………………………>

<…………………>

scrolling="no" noresize="noresize"(不能调整大小) 能够加入到<frame>中

 

2、<style></style>的用法

<style type="text/css"> <!--style放在head下使用--> body{ } <!--括号包起来-->

 

p           <!--P表示控制<p>标签的内容--> { font:Verdana, Geneva, sans-serif }

 

.name{ font:"Courier New", Courier, monospace  }  <!-- “.”+ 本身命名的名字,设置样式,而后在 “</style”后面须要引用的时候,加class选择,好比 在<p>引用 设置的.name属性:<p class="name"> </p>  -->

 

#p1{ font-size:12px; color:#06C }   <!--经过#开头,加自定义的一个 ID ,设置样式,而后在style外,引用时,加ID=,例如:<p id="p1">  </p> -

 

#p2,.name1{ font:Tahoma, Geneva, sans-serif }   <!-- p2,和name1经过逗号隔开,表示他们的样式设置,都为括号里面的内容 -->

 

#p2 name1{ font:Verdana, Geneva, sans-serif }   <!--p2和name1经过空格链接,表示对id=p2的里面,class=name1的设置,两个要同时知足

</style>

<!-- 以上的写的样式,能够写在css格式的文件中,而后在head中加入<link rel="stylesheet" type="text/css" href="css.css" /> --> 用法 :<link rel="stylesheet" type="text/css" href="css.css" />

 

3、body style的用法:

<body style="font-size:36px"> <!--styel能够放在body之间任何一个标签位置作为属性使用-->  <!--style是一个特殊的标签的属性,集齐了许多控制样式的属性-->

几种经常使用的body style:

background-repeat:r布局设置 background-position:top   起点位置设置,顶点 background-attachment:fixed   背景不动,内容滚动 background-color   颜色     background-size    尺寸

(若外部样式表已经设置过,优先执行body里的设置) </body>

marquee:滚动信息 <marquee direction="left" bgcolor="#666666" behavior="alternate" style="marquee-speed:fast>这里为显示的内容</marquee>

<!--direction:滚动的方向,bgcolor:背景颜色,behavior:滚动的方式,能够经过style的方式来设定-->

相关文章
相关标签/搜索