Css入门之直接样式表，内部样式表，外部样式表

最新推荐文章于 2022-08-25 14:24:09 发布

最爱林丽明小姐

最新推荐文章于 2022-08-25 14:24:09 发布

阅读量1.5k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/kissme_a/article/details/18735223

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

Css用法

样式表分为3中：直接样式表，内部样式表，外部样式表

1.直接样式表

用法：<p style = ”color:red">这是一个段落，应用了改变字体颜色样式</p>

<html>
<head>
	<title>直接样式表</title>
</head>
<body>
	<p style = "color:red; fond-size = 16px">这是一个段落</p>
	<p>这是一个段落</p>
</body>
</html>

2.内部样式表，就是在head里面使用style属性

p{color:red}

</style>

<p>这是一个段落，应用了改变字体颜色样式</p>

内部样式表在怎个HTML文档内都课使用

<html>
<head>
	<title>内部样式表</title>
	<style type = "text/css">
		p{color:red;font-size:16pt}
	</style>
</head>
<body>
	<p>这是一个段落</p>
	<p>这是另一个段落</p>
</body>
</html>

3.外部样式表

就是在铜一文件夹内新建一个.css文档，然后在里面写上要用到的样式，然后在HTML文档里链接调用

//style.;css文件

p{color:red}

//style.css

p{color:red}

<html>
<head>
	<title>外部样式表</title>
	<link rel = "stylesheet" href = "style.css" type = "text/css"> 
</head>
<body>
	<p>这是一个段落</p>
	<p>这是另一个段落</p>
</body>
</html>

最爱林丽明小姐

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Css入门之直接样式表，内部样式表，外部样式表

Css用法样式表分为3中：直接样式表，内部样式表，外部样式表1.直接样式表用法：这是一个段落，应用了改变字体颜色样式直接样式表这是一个段落这是一个段落2.内部样式表，就是在head里面使用style属性p{color:red}这是一个段落，应用了改变字体颜色样式内部样式表在怎个HTML文档内都课使用内部样式表 p{co
复制链接

扫一扫

专栏目录