CSS样式

最新推荐文章于 2023-08-05 00:00:00 发布

_墨___攻_

最新推荐文章于 2023-08-05 00:00:00 发布

阅读量421

点赞数

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

本文链接：https://blog.csdn.net/guoyongli1990/article/details/50899195

版权

HTML 专栏收录该内容

8 篇文章 2 订阅

订阅专栏

<!DOCTYPS html>
<html>
	<head>
		<style type="text/css">
		<--	h1{color:blue}
			p{color:yellow}  -->
		</style>
		<body>
			<h1>哈哈蓝色</h1>
			<p>小黄人</p>
		</body>
	</head>
</html>

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS 可以通过以下方式添加到HTML中:

内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素来包含CSS
外部引用 - 使用外部 CSS 文件

<!DOCTYPE html>
<html>
	<head>
		<style>
			body
			{
				background-color:#d0e4fe;
			}
			h1
			{
				color:orange;
				text-align:center;
			}
			p
			{
				font-family:"华文行楷";
				font-size:20px
			}
		</style>
	</head>
	<body>
		<h1>CSS测试</h1>
		<p>这是什么字体？》》》华文行楷</p>
	</body>
</html>

<!DOCTYPE html>
<html>
<body>

<a href="http://www.w3cschool.cc" style="text-decoration:none;">Visit w3cschool.cc!</a>

</body>
</html>

<DOCPYE html>
	<html>
		<head>
			<style>
				a{text-decoration:none}
			</style>
		</head>
		<body>
			<a href="http://www.baidu.com" >  百度无下线  </a>
		</body>
	</html>