div+css的嵌入方式和布局优点_html/css_WEB-ITnose

div+css 的嵌入方式和布局优点

1、嵌入方式

行内套用

可以在HTML文件内直接宣告样式。

　举例来说，Thisisfontsize16. 以上的HTML文件在浏览器上会显现为：Thisisfontsize16. 嵌入套用样式可以嵌入于HTML文件中(通常是在 内)。 举例来说， div{background-color:#FF0000;} 背景颜色是红色 以上的HTML会显现出：背景颜色是红色

外部连接套用

在这种方式下，所有的CSS样式宣告都是存在另外一个档案中。 该档案通常名称为.css。 在HTML文件的 .. 之中，我们将用以下的程式码将这个.css档案连接进入：

　　

　　以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。

汇入套用

　 外部的CSS样式也可以被汇入进HTML文件。 汇入的做法为利用@import这个指令。

@import的语法为：

@import指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。不过，现在已经没有这个必要。现在用@import的目的，最常是要加入多个CSS样式。当多个CSS样式被@import的方式加入，而不同CSS样式互相有冲突时，後被加入的CSS样式有优先的顺位(详情请见CSS串接)。

　　还有一种嵌入的方式是直接写在标签上的，不过这种写法有些限制，大多数标签都可以接受这种解法:

　　

文字

查看更多关于div+css的嵌入方式和布局优点_html/css_WEB-ITnose的详细内容...