一、<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{ } <!--括号包起来-->

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

三、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/577521a/p/4203411.html

2014-12-28 iframe,style,body style相关推荐

  1. 英语听说计算机考试演练专用,新中考首次英语听说机考12月23日举行,9月28日全体中学生模拟演练!...

    原标题:新中考首次英语听说机考12月23日举行,9月28日全体中学生模拟演练! 2018年本市将实施新的中考改革方案,中考首次将英语口语考试纳入考试内容,英语听力和口语考试与笔试分离,每名考生有两次考 ...

  2. app后端设计(3)--短信,邮件,推送服务(2014.12.05更新)

    在app的后端设计中,免不了消息的推送,短信,邮件等服务,下面就个人的开发经验谈谈这方面. (1)最重要的是,各种推送一定要放在队列系统中处理,不然会严重影响api的响应时间. (2)短信方面 以前我 ...

  3. 前端:JS/28/CSS DOM动态样式(style对象,style 对象属性与CSS属性的转换),Event DOM,事件对象简介(DOM和IE中的Event对象),实例:点出满天小星星

    CSS DOM动态样式 使用JS操作CSS中的各个属性: JS只能操作或修改行内样式,如:imgObjstyle.border = "1px solid red"; 对于类样式,通 ...

  4. 当飞跃式技术遇上无界er,12.28 第12期 MIXLAB上海线下聚会

    不知何时, 凌晨十二点已成习惯: 不知何地, 键盘敲击已是夜的掌控: 不知何人, 路走向了上海的夜: 昏暗的霓虹灯, 能指引前方吗? 我黑色的眼,在黑色的夜里, 能找到我的那束光明吗? 也许无界的黑色 ...

  5. 【学习笔记+习题集】字符相关(输入输出流,字典树,AC自动机,后缀自动机)(4598字)(更新至2022.12.28)

    目录 板块零:输入输出流 情况一:读取字符串和读取行混用的时候 情况二:关于识别空行 第一题:hdoj2072 情况三:用char数组接受getline函数的输入流 情况四:关于汉字 补充练习: 第一 ...

  6. 蚂蚁上市分给员工 7000 亿股权,曾有人 28 岁财务自由,这次又将产生多少千万富翁?...

    作者 | 林逸 责编 | 王晓曼 来源 | 创业邦(ID:ichuangyebang) 8月25日下午,蚂蚁科技集团科创板上市申请,获上交所受理,并同步向香港联交所递交上市申请,A+H上市的进程来到了 ...

  7. 2014九月十月百度,迅雷,华为,阿里巴巴,最新校招笔试面试题

    九月十月百度,迅雷,华为,阿里巴巴,最新校招笔试面试六十题 题记 本博客自2010年10月11日开通以来,已经帮助了一大批人找到工作,特别是连续三年在每一年的9.10月份陪伴了至少三届毕业生找工作的旅 ...

  8. 商汤科技冲刺港股:调整后三年半累亏28.6亿元,首次披露自研AI芯片

     关注ITValue,看企业级最新鲜.最价值报道! 8月27日晚间,人工智能(AI)公司"商汤科技"向港交所主板递交上市申请,中金公司.海通国际及汇丰银行为联席保荐人. 商汤科技集 ...

  9. 这 28 张精炼图,将吴恩达的 deeplearning.ai 总结得恰到好处!

    点击上方"AI有道",选择"星标"公众号 重磅干货,第一时间送达 吴恩达--人工智能领域的大 IP,他在 Coursera 上开设的 deeplearning. ...

最新文章

  1. Java项目:学生信息管理系统(java+SSM+JSP+layui+maven+mysql)
  2. Redis:从应用到底层,一文帮你搞定
  3. 在 C# 中 (x == X) 何时成立?
  4. 飞谷云六期第三组——基于Spark的机器学习
  5. Linux shell变量的命名规范
  6. 洛谷P1120小木棒 爆搜+剪枝
  7. Stackoverflow:您从未见过的7个最佳Java答案
  8. 如何在data visualization 中update svg_如何操作小程序页面中data数据区中的数据
  9. zabbix的启动和关闭脚本
  10. 第二次冲刺-个人工作总结05
  11. [读书]设计模式:享元模式
  12. SSAS事实表和维度表数据类型必须一致
  13. 2017年12款小型企业的最佳杀毒软件 你知道几个?
  14. python进行回归分析与检验_R/python-回归分析
  15. Pandas 08-文本数据
  16. 精力管理指南:想要每天精力充沛,只需做好这 3 点
  17. 【C++程序设计技巧】NVI(Non-Virtual Interface )
  18. 大一学生WEB前端静态网页——唯品会1页 包含hover效果
  19. 使用 pdf.js 查看发票时,显示不了台头和印章的解决办法
  20. BUAA_OO第三单元总结性博客作业——JML

热门文章

  1. 基于白点检测的数码相机自动白平衡算法实现(Opencv+vs)
  2. EAS BOS开发 高级功能使用
  3. 函数调用matlab,Matlab中一个函数调用另外一个函数的操作方法
  4. unordered_set和unordered_map用法详解
  5. oracle ora-各种常见java.sql.SQLException归纳
  6. 马云宣布传承计划,回归教育
  7. 轻松实现双重系统引导
  8. python对象的生命周期_(python)通过一个代码例子来分析对象的生命周期
  9. linux如何截断日志,linux 如何截取一段时间内log日志
  10. 基于ssm jsp在线教育系统源码