在html中常用哪几种方式定义css
来源:互联网 发布:sql语言怎么查询数据 编辑:程序博客网 时间:2024/06/04 18:38
在HTML中常用以下3种方式定义CSS:
Embedding(嵌入式)、
Linking(引用式)、
Inline(内联式)
一、嵌入式
使用HTML的style元素,在文档中定义CSS样式。
代码如下:
<head>
<style type="text/css">
h1{color:red}
p{color:blue}
</style>
<head>
二、内联式
每一个HTML元素都包含一个style属性,可以直接定义样式。该样式仅能用于该元素的内容,对于另一个同名的元素则不起作用。
代码如下:
<p style="color:#FFF;font-weight:bold;">内联样式</p>
三、外部引用式
外部引用指HTML文档本身不含有CSS样式,而是动态引用外部的CSS文件定义文档的表现形式。
1、使用样式表的处理指令语句
在HTML文档的开头部分写一个关于样式表的指令处理语句
代码如下:
<?xml-stylesheettype="text/css"href="mystyle.css"?>
<html>
指令语句
</html>
不过只有使用xml语法格式编写的html文档才支持使用该指令,大多数浏览器仅当被保存为xhtml或xml格式才有效,且JS不能处理这种CSS,所以不建议使用。
2、使用@import命令
在style元素之间使用@import命令导入外部的css文件
复制代码
代码如下:
<head>
<style type="text/css">
<!--下面两行代码效果一样
@import"mystyle.css";
@import url("mystyle.css");
-->
</style>
</head>
任何@import规则必须出现在所有规则之前。参数是一个css文件的URL地址。在一个css文件中也可以用@import指令将另一个css文件导入。
3、使用link元素 (提倡使用这种方式,是目前对流行的方式)
代码如下:
<head>
<link rel="stylesheet"href="css的url"type="text/css">
</head>
这也是最常用的方式。
4、使用HTTP消息报头链接到样式表
可以使用HTTP消息报头的link字段链接一个外部样式表。
复制代码
代码如下:
link:<mystyle.css>;rel=stylesheet;
//等同于<linkrel="stylesheet"href="css的url"type="text/css">
HTTP报头中可以使用多个link,从而链接多个样式表,且HTTP报头中的link比HTML文档中的link(head元素中)具有优先级。
那么有人就会问了: 使用link元素 (提倡使用这种方式,是目前对流行的方式)和使用@IMPORT来导入CSS文件有什么区别?
答案:LINK元素本身是个HTML标签元素,我们可以在JAVASCRIPT中控制它.比如改变要导入的文件的文件名,从而达到动态导入其它CSS文件的目的.- 在html中常用哪几种方式定义css
- 在 html 中如何定义 css
- HTML中定义CSS样式的三中方式
- 在HTML中使用CSS的方式
- HTML中定义CSS样式的三种方式
- 在HTML文档中嵌入CSS的三种常用方式
- 在HTML文档中嵌入CSS的三种常用方式
- 在HTML文档中嵌入CSS的三种常用方式
- HTML文档中嵌入CSS的三种常用方式
- 在HTML文档中嵌入CSS的几种方式
- 在HTML中使用CSS样式的几种方式
- html中引入css方式
- CSS 在 HTML 中的定义方法
- CSS学习笔记之在HTML中导入CSS的三种方式
- HTML基础:在网页中使用CSS定义样式(4)
- 在HTML中引入CSS
- 在HTML中引入CSS
- html中引入js、css方式、写css方式
- 抽象类Abstract 和接口 Interface
- 关于使用枚举
- DDoS攻击类型
- git配置与使用
- C语言基础之流程控制
- 在html中常用哪几种方式定义css
- 动态添加线程,然后监控多个线程是否都完成了
- 关于mathematica中添加注释的一些方法
- Java面向对象的三大特性之--《继承》
- 杭电3065(HDU3065)
- 40和的组合第二弹
- RecyclerView的安装包和source
- 函数
- POJ 1321 棋盘问题