xhtml怎么引入css样式?

xhtml怎么引入css样式?下面本篇文章给大家介绍一下xhtml引入css样式的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

XHTML中引入CSS的四种方法 :行内式、内嵌式、链接式和导入式。

1、行内式:

在标签的style属性中设定CSS样式

格式:

<标记名称 style=”属性1:属性值1;属性2:属性值2”>…</标记名称>

标记名称:<span>、<div>....

2、内嵌式:

将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。

可以分为三种:标记定义型、class定义型、id定义型

①标记定义型:

格式:

<head>
<styletype="text/css">
标记名称{属性1:属性值1;属性2:属性值2;}
...
</style>
</head>
<body>
<标记名称>...</标记名称>
</body>

②class定义型:

格式:

<head>
<style type=”text/css”>
.定义名称{属性1:属性值1;属性2:属性值2;}
.定义名称1,.定义名称2{属性1:属性值1;属性2:属性值2;}
</style>
</head>
<body>
<标记名称 class=”定义名称”>…</标记名称>
</body>

③id定义型格式:

<head>
<style>
#定义名称{属性1:属性值1;属性2:属性值2;}
#定义名称1,#定义名称2{属性1:属性值1;属性2:属性值2;}
</style>
</head>
<body>
<标记名称 id=”定义名称”>…</标记名称>
</body>

CSS规定,范围越小,优先级越高。行内的优先级高于id级,id的优先级高于class级,class的优先级高于标记定义行。

3、链接式:

将一个独立的.css文件引入HTML文件中,它在网页的<head>...</head>标签对中使用<link>标签来引入外部样式。

格式:

<head>
<linkrel=”stylesheet”type=”text/css”href="mystyle.css"/>
</head>

4、导入式:

将一个独立的.css文件引入HTML文件中,它在网页的在<head>…</head>之间<style>...</style>标签对中使用@import来引入外部样式。

格式:

<head>
<styletype="text/css">
@import"style.css"
</style>
</head>

更多web前端知识,请查阅 HTML中文网 !!

以上就是xhtml怎么引入css样式?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏