引入CSS样式表和引入HTML文件

深藏阁楼爱情的钟 2022-06-06 09:47 263阅读 0赞

引入CSS样式表和引入HTML文件

###  ###

2006-11-14 08:54:19|  分类： [免费代码][Link 1] |  标签：[博客代码][Link 2]  [免费代码][Link 3]  [收藏][Link 4]  [随笔][Link 5]  |举报|字号 订阅

![15592512006101485419686_w_100_h_100_act_qbbkfxtj_20150420_05][]

![15592512006101485419686_w_100_h_100_act_qbbkfxtj_20150420_06][]

[  下载LOFTER][LOFTER] [我的照片书  |][Link 6]

<table style="line-height:28px"> 
 <tbody> 
 <tr> 
 <td>&nbsp;</td> 
 <td> 引入样式表(css)的四种方式 #1 一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。&nbsp; &lt;元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如：&nbsp; &lt;TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%&gt; 这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。 二、使用STYLE标签： 将样式规则写在&lt;STYLE&gt;...&lt;/STYLE&gt;标签之中。&nbsp; &lt;STYLE TYPE="text/css"&gt; &lt;!-- 样式规则表 --&gt;&nbsp; &lt;/STYLE&gt; 例如：&nbsp; &lt;STYLE TYPE="text/css"&gt; &lt;!-- BODY { 　　color: BLUE; 　　background: #FFFFCC; 　　font-size: 9pt} TD, P { 　　COLOR: GREEN; 　　font-size: 9pt} --&gt; &lt;/STYLE&gt; 通常是将整个的 &lt;STYLE&gt;...&lt;/STYLE&gt;结构写在网页的&lt;HEAD&gt; &lt;/HEAD&gt;部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。 三、使用 LINK标签： 将样式规则写在.css的样式档案中，再以&lt;LINK&gt;标签引入。&nbsp; 假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入 &lt;LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"&gt; 即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的&lt;head&gt;&lt;/head&gt;部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。 四、使用@import引入： 跟LINK用法很像，但必　放在&lt;STYLE&gt;...&lt;/STYLE&gt; 中。&nbsp; &lt;STYLE TYPE="text/css"&gt; &lt;!-- 　　@import url(引入的样式表的位址、路径与档名); --&gt; &lt;/STYLE&gt;&nbsp; 例如：&nbsp; &lt;STYLE TYPE="text/css"&gt; &lt;!-- 　　@import url(<a href="http://yourweb/" style="color:rgb(85,85,85); text-decoration:none" rel="nofollow">http://yourweb/</a>example.css); --&gt; &lt;/STYLE&gt; 要注意的是，行末的分号是绝对不可少的！ &nbsp; ############################################## 在html文件引入其它html文件的几种方法 挂马的时候用 可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下，本人觉得第三种方式较好！&nbsp; 　　1.IFrame引入，看看下面的代码&nbsp;&nbsp;&nbsp; &nbsp;&lt; IFRAME width=100% height=30 marginwidth=0 marginheight=0&nbsp;&nbsp;&nbsp; SRC="import.htm" &gt;&lt;/IFRAME&gt;&nbsp; 　　你会看到一个外部引入的文件，但会发现有一个类似外框的东西将其包围，可使用&nbsp;&nbsp;&nbsp; &lt; iframe marginwidth=0 marginheight=0 width=100% height=30&nbsp;&nbsp;&nbsp; src="import.htm" frameborder=0&gt;&lt;/iframe&gt;&nbsp; 　　但你会发现还会有点问题，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用的是IE5.5的话，可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no&nbsp;&nbsp;&nbsp; 　　2.&lt;object&gt;方式&nbsp;&nbsp; &lt; object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100%&nbsp;&nbsp;&nbsp; height=30&gt;&lt;/object&gt;&nbsp; 　　3.Behavior的download方式&nbsp;&nbsp;&nbsp; 　　　　&lt; span&nbsp; 　　　　&lt; IE:Download STYLE="behavior:url(#default#download)" /&gt;&nbsp;&nbsp; 　　　　&lt; script&gt;&nbsp;&nbsp; 　　　　function onDownloadDone(downDate)&nbsp;&nbsp; 　　　　showImport.innerHTML=downDate&nbsp;&nbsp; 　　　　&nbsp;&nbsp; 　　　　oDownload.startDownload("import.htm",onDownloadDone)&nbsp;&nbsp; 　　　　&lt;/script&gt;&nbsp; &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

[Link 1]: http://zouzhxi.blog.163.com/blog/#m=0&t=1&c=fks_087074087094082066086074087070081095083070085
[Link 2]: http://zouzhxi.blog.163.com/blog/#m=0&t=3&c=博客代码
[Link 3]: http://zouzhxi.blog.163.com/blog/#m=0&t=3&c=免费代码
[Link 4]: http://zouzhxi.blog.163.com/blog/#m=0&t=3&c=收藏
[Link 5]: http://zouzhxi.blog.163.com/blog/#m=0&t=3&c=随笔
[15592512006101485419686_w_100_h_100_act_qbbkfxtj_20150420_05]: /images/20220606/03170c58c64846f6962ee164d9d201c0.png
[15592512006101485419686_w_100_h_100_act_qbbkfxtj_20150420_06]: /images/20220606/5464395b4803481b850e184288d8de2a.png
[LOFTER]: http://www.lofter.com/app?act=qbbkrzydb_20150408_01
[Link 6]: http://yxp.163.com/