手机
当前位置:查字典教程网 >网页设计 > 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让容器水平垂直居中的7种方式

动态加载外部css或js文件

css样式做细线表格

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

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

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

DIV+CSS创建三栏网页布局方法介绍

CSS实现样式布局的锦囊妙计22招

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

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

精品推荐
分类导航