CSS三种使用方法

最新推荐文章于 2023-09-11 12:14:48 发布

yayun0516

最新推荐文章于 2023-09-11 12:14:48 发布

阅读量985

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/yayun0516/article/details/41449159

版权

css 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

使用外部样式表示例：

.html代码如下：

<!DOCTYPE HTML>
<html>
	<head>
		<title>外部样式表</title>
		<link rel="stylesheet" href="style.css" type="text/css" />
	</head>
	<body>
		<p class="test">这是一个段落.</p>
		<span class="test">这是一段文字</span>
		<p>我要使用样式，<span>什么样式？</span></p>
		<p id="t">我也要使用样式。</p>
		<p id="hello">这是一个<span>标题</span></p>
	</body>
</html>

.css代码如下：

*{font-family:”arial”}
body{color:gray}
p,span{font-style:italic}
p span{color:#00ff00;font-size:12pt}
p#t{color:#0000ff;font-size:14pt}
p.test{color:#ffbbaa;font-size:16pt}
p#hello span{color:#00bbaa;font-size:20pt}
.test{color:red;font-weight:bold;font-size:18pt}

显示效果如下：