手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >添加css样式的三种方法
添加css样式的三种方法
摘要:一,行内式样式(InlineStyle)即使用style属性,将CSS直接写在HTML标签中。例如:这行段落将显示为红色。注意:style属...

 一,行内式样式(Inline Style)

即使用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文件中。

代码如下:

<head>

<link style="stylesheet" href="myclass.css" type="text/css" />

</head>

【添加css样式的三种方法】相关文章:

CSS控制ul缩进间距和去掉li点的方法

css控制div不能居中的解决办法

CSS小技巧:隐藏input 内的文字的方法

一种比CSS-Sprite更加方便在网页中嵌入大量图标的方法

页脚始终保持在页面底部的网页布局方法

css中ul li的背景小图标属性设置的两种情况

css样式命名规范

css样式做细线表格

DIV CSS隐藏内容样式方法大全

Td或Div文字超出宽度的CSS隐藏方法

精品推荐
分类导航