让HTML穿上衣服出门

最新推荐文章于 2023-07-10 15:13:05 发布

UESTCyuan

最新推荐文章于 2023-07-10 15:13:05 发布

阅读量661

点赞数

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

本文链接：https://blog.csdn.net/UESTCyuan/article/details/78986117

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML是什么？

HTML即HyperText Markup Language——超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。开发者利用HTML标签（Tag）来标记（Markup）网页中的文字。

<!DOCTYPE html>
<html>
<head>
	<title>blog</title>
</head>
<body>

	<h3>HTML是什么？</h3><!-- 标题 -->
	<p>HTML即HyperText Markup Language——超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。开发者利用HTML标签（Tag）来标记（Markup）网页中的文字。
	</p><!-- 段落内容 -->

</body>
</html>

CSS是什么？CSS即Cascading Style Sheets——层叠样式表，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。打个比较随心所欲的比方，html是个没穿衣服的人，CSS就是他打扮而穿的衣服。

<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		body{
			background: #0fc
		}
		h3{
			font-style:italic;
			color: #fc0
			}
		p{
			color:blue
			}
	</style>
	<title>blog</title>
</head>
<body>

	<h3>HTML是什么？</h3><!-- 标题 -->
	<p>HTML即HyperText Markup Language——超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。开发者利用HTML标签（Tag）来标记（Markup）网页中的文字。
	</p><!-- 段落内容 -->

</body>
</html>

加上css后，emmm...似乎更丑了，咳咳
当然了，这不是css的问题，给一个人挑一身衣服，让他如明星般璀璨或是如乞丐般蓬头垢面就看设计师的技术了，不是吗？

如何添加CSS：

1.在head元素中用style元素定义内嵌样式：一个好的网页自然有很多元素都有自己的样式，若采用这种方法，加载时会先加载css，虽然避免了裸体出现，但在用户网速受限时，一时半会儿出不了内容那是一件本末倒置的事情。

2.在HTML元素标签内使用style属性指定样式：标签里面写一长串css，啊，想想就好粗暴，代码繁杂。

3.将样式表定义在.css文件，以link元素链接外部.css文件：本着结构，表现，行为相分离的标准，应该是个不错的方法。

4.将样式表定义在.css文件，以CSS的@import指令引用外部.css文件：与方法3类似。