2014-12-28 iframe，style，body style

時間 2019-12-11

標籤 iframe style body 欄目 HTML 简体版

原文原文鏈接

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

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

<…………………>

scrolling="no" noresize="noresize"（不能調整大小）能夠加入到<frame>中

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

<style type="text/css">  body{ } 

p  { font:Verdana, Geneva, sans-serif }

.name{ font:"Courier New", Courier, monospace } 

#p1{ font-size:12px; color:#06C } <!--經過#開頭，加自定義的一個 ID ，設置樣式，而後在style外，引用時，加ID=，例如：<p id="p1"> </p> -

#p2,.name1{ font:Tahoma, Geneva, sans-serif } 

#p2 name1{ font:Verdana, Geneva, sans-serif } <!--p2和name1經過空格鏈接，表示對id=p2的裏面，class=name1的設置，兩個要同時知足

</style>

 用法：<link rel="stylesheet" type="text/css" href="css.css" />

3、body style的用法：

<body style="font-size:36px">  

幾種經常使用的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>