设置CSS的几种方式
2015-04-16 21:19
211 查看
内联样式表
<meta http-equiv="content-type" content="text/css" />
嵌入样式表
<head>
<style type="text/css">
<!--
...
-->
</style>
</head>
外部样式表
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test.css" type="text/css" media="screen" />
</head>
<body>
</body>
</html>
大多数网站都会将外部样式表保存在缓冲区中,加快网站的浏览速度
输入样式表
可以用CSS的@import声明将一个外部样式表文件输入到另外一个CSS文件中,被输入的CSS文件中的样式规则定义语句就成为了输入到的CSS文件的一部分。也可以用@import声明将一个CSS文件输入到网页文件的<style></style>标签对中,被输入的CSS文件中的样式规则定义语句就成了<style></style>标签对中的语句
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test.css" type="text/css" media="screen" />
<style type="text/css" media="screen">
<!--
@import url(http://www.it315.org/style.css);
@import url(/stylesheets/style.css);
.p
{
background:yellow;
color:black
}
-->
</style>
</head>
<body>
</body>
</html>
<meta http-equiv="content-type" content="text/css" />
嵌入样式表
<head>
<style type="text/css">
<!--
...
-->
</style>
</head>
外部样式表
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test.css" type="text/css" media="screen" />
</head>
<body>
</body>
</html>
大多数网站都会将外部样式表保存在缓冲区中,加快网站的浏览速度
输入样式表
可以用CSS的@import声明将一个外部样式表文件输入到另外一个CSS文件中,被输入的CSS文件中的样式规则定义语句就成为了输入到的CSS文件的一部分。也可以用@import声明将一个CSS文件输入到网页文件的<style></style>标签对中,被输入的CSS文件中的样式规则定义语句就成了<style></style>标签对中的语句
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test.css" type="text/css" media="screen" />
<style type="text/css" media="screen">
<!--
@import url(http://www.it315.org/style.css);
@import url(/stylesheets/style.css);
.p
{
background:yellow;
color:black
}
-->
</style>
</head>
<body>
</body>
</html>
相关文章推荐
- js中设置样式的几种方式(setAttribute,className)
- Hive 参数设置 的几种方式
- HTML里使用CSS 的几种方式?
- CSS隐藏一个元素的几种方式及其不同
- css瀑布流布局的几种实现方式
- 【基础】这15种CSS居中的方式,你都用过哪几种?
- 【基础】这15种CSS居中的方式,你都用过哪几种?
- CSS中几种控制换行的方式
- java设置代理的几种方式
- 控件的frame的几种设置方式
- Mysql 设置变量的几种方式
- CSS中元素隐藏的几种方式
- CSS-几种元素居中方式
- css垂直居中的几种方式
- 设置Table的细边框通的几种方式
- CSS四种设置方式
- 【基础】这15种CSS居中的方式,你都用过哪几种?
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第30讲_类和对象细节_创建对象的几种方式_js对象内存分析_学习笔记_源代码图解_PPT文档整理
- 前端面试经典问题——css居中的几种方式
- Kettle中设置环境变量的几种方式