当前位置：首页 -> 网页设计 -> HTML/CSS -> 使用不同的CSS写法-CSS进阶

使用不同的CSS写法-CSS进阶

时间： 2021-07-31 作者：daque

css的写法不妨用以次的几种本领实行：（1）运用embed（嵌入款式单）排版款式：

行将css代码径直插入每个页面包车型的士html的<head>区，就象上一节看到的。运用<style>...</style>标签。比方：

（2）运用“link（外部款式单）排版款式”：

即你不妨将多个页面包车型的士排版作风都用一个款式单文献遏制。这个外部的款式单文献（一个扩充名是css的文本文献）将设定你一切网页的准则。即使你变换款式单文献中的某行，一切页面作风用这个css文献设置的页面城市随之变换。即使你的站点文献特殊多，则这项功效就特殊简单了。

在<head>区内运用<link>标签（提防：不复是<style>标签了）：

<html><head><link rel=stylesheet href="http：//yoursute.com/my.css"; type="text/css"></head><body><h2>您好！伙伴，欢送莅临java2000的熏陶区。</h2><h1>hello，everybody，welcome in java2000 !</h1></body></html>

★☆★证明：css文献的路途用一致路途http：//...)表白大概用对立路途(比方：../csscode/my.css)表白都不妨。

而后再独立天生一个css文献，叫作my.css (随意起名)。文献实质如次：

h2 { font-family: "宋体"; font-size: 12pt; font-style: italic; color: #ff0033; background-color: #ffcccc}h1 { font-family: "arial"; font-size: 12pt; color: #66ff66}

只有将这个css文献上传到效劳器指定的目次即可。

（3）运用"inline（行内款式单）排版款式"：

inline款式单沿用html标签的“style”属性，它的特性是“设置某一个标签的格局单作风”，只对所设置的标签起效率，并非对所有页面起效率。比方：

<p style="font-size: 14pt ; color: #99ff99 ; font-family: 宋体">层叠格局单</p>

看到的功效：

层叠格局单

运用行内款式单，你必需为每行指定款式准则，要不下一条龙时欣赏器将运用页面包车型的士缺省树立。然而：有功夫这种办法却特殊灵验。

（4）运用“import(输出的外部格局单)”--实用于ie欣赏器。

<html><head> <style type="text/css"></style></head><body><h3>输出的外部格局单</h3> </body> </html>

个中my.css款式单文献的实质如次：

h3 { font-family: "宋体"; font-size: 12pt color: green }