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

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

给表格设置不重叠的边框(单线边框)的2种方法

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

CSS表单元素垂直居中完美解决方案

css样式命名规范

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

div+css垂直居中的五种实现方法

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

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

html-css设置标签样式不起作用的2点原因

精品推荐
分类导航