手机
当前位置:查字典教程网 >网页设计 > 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样式的三种方法】相关文章:

在ie7下css居中样式text-align:center;偏左问题解决方法

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

css让容器水平垂直居中的7种方式

img标签下多余空白BUG解决方法

一款纯css实现的垂直时间线效果

Ext Grid控件的配置与方法

css样式命名规范

css技巧之PDF、ZIP、DOC链接的标注

任意图片实现垂直居中的三种方法(兼容性还不错)

彻底清除浏览器js和css缓存的方法

精品推荐
分类导航