2014-12-28 iframe,style,body style

一、<iframe></iframe>的用法

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

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

<frameset></frameset>  可以代替<body>,完全被另一个网页代替,类似于一个表

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

 

可以在<frameset>括号里面添加各种用法:

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

cols="200.*"   设置两列

frameborder   边框

 

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

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

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

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

<…………………>

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

 

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

<style type="text/css"> <!--style放在head下使用-->
body{ background-color:#0F9; }  <!--括号包起来-->

 

          <!--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" />

 

三、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的方式来设定-->

 

转载于:https://www.cnblogs.com/jintuo/p/4190151.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值