如何添加CSS样式_IT百科

即使用style属性，将CSS直接写在HTML标签中。例如：<p style=color:red这行段落将显示为红色。</p注意：style属性可以用在<body内的所有（X）HTML标签上，但不能应用与<body以外的标签，如<title<head等标签。二，嵌入式样式表（Embedded Style Sheets）嵌入式样式表使用<style</style标签嵌入到（X）HTML文件的头部中，代码如下：<head<style type=text/css<!--.class{color:red}　--　</style</head注意：对于一些不能识别<style标签的浏览器，使用（X）HTML的注释标签<!-- 注释文字 --把样式包含进来。这样源码天空，不支持<style标签的的浏览器会忽略样式内容，而支持<style标签的浏览器会解读样式表。三，外部样式表（Link Style Sheets）在<head标签内使用<link标签将样式表文件连接到（X）HTML文件中。代码如下：

一般添加css样式表的方式有3种！

一种是引入css样式表，引入css样式表一般用link的方式引入，代码如下

如果对写代码不是很流利的话可以用DW 手动引入， *** 作步骤图片如下：

选择好了点击确认就可以了。添加好了之后你会看到就是上面所示的代码！

那么第二种添加css样式的方法是网页里添加css样式

<style>

.header{}

</style>（这种方式不推荐哦）

第三种就是在你需要给某个区块添加特殊的样式比如你的div区块里的特定区块需要单独添加一个样式。

例如：

<ul>

</li>

</ul>

</div>

如上所示在给P 标签添加了一个样式，这种方法也不是很推荐的！除特定的需求除外。

外部CSS样式是一个独立的CSS文件，当在网页中直接创建外部CSS样式时，该样式自动应用到网页中；当在创建空白网页时，通常可以附加已经存在的外部样式表。如果CSS样式文件已经存在，制作网页时可以通过【CSS样式】面板中的【附加样式表】按钮来链接，具体 *** 作如下：（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过“连接”或“导入”方式将其应用到当前网页中。（2）在【添加为】中选择其中的一个选项：◇若要创建当前文档和外部样式表之间的链接，请选择【链接】单击按钮。该选项在HTML代码中创建一个<link>标记，并引用已发布的样式表所在的URL。<link>标记必须放在页面的<head>区域。Internet Explorer和Netscape Navigator都支持此方法。◇如果希望导入而不是链接到外部样式表，请选择【导入】单击按钮。导入外部样式表是指在内部样式表的<style>里导入一个外部样式表，导入时用@import。注意：不能使用【链接】标记添加从一个外部样式表到另外一个外部样式表的引用。如果要嵌套样式表，必须使用【导入】指令。大多数浏览器还能识别页面中（而不仅仅是样式表中）的导入指令。当在链接到页面与导入到页面的外部样式表中存在重叠的规则时，不同浏览器解决冲突属性的方式具有细微的差别。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11184181.html

如何添加CSS样式

发表评论

评论列表（0条）