首页 » CSS » html中引入css样式

html中引入css样式

原文 http://blog.csdn.net/m0_37754657/article/details/79083648

2018-01-18 02:00:13阅读(507)

一:行内样式表:临时测试用

每个元素都有style属性,格式:<元素 style="属性名:属性值;">内容</元素>

<div class="a">
	<h1>行内样式表</h1>
	<p style="color:red;font-size:36px;">行内样式表的属性不需要双引号,属性值得单位通常是像素px为单位</p>
</div>

二:内嵌样式表:常用的一种

在<header>中添加style,在当前的文档可以使用该样式,需要的时候可以使用

<style type="text/css">
	p{
	        color: red;
		font-size: 36px;
	}
</style>

三:外部样式表:非常常用的一种

新建一个扩展名为.css的文件,添加选择器及其属性,如:

p{
        color: red;
	font-size: 36px;
}
在需要引入该文件中的属性的文件(html)的<header>中引入:

 <link  rel=”stylesheet” href=”外部css文件的地址 ” />

可以引入多个css文件,一个css文件也可以被多个文档使用

四:导入样式表:管理css样式

格式:@import url(另外一个css样式)

ps:   @import是css样式标签,所以必须放到css文件中 

<style type="text/css">
	@import url(a.css);
	p{
		color: red;
		font-size: 36px;
	}
</style>





最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹