HTML+CSS 轻松入门之认识CSS样式

一：CSS是什么

css 是 Cascading style Sheets的简称中文译作“层叠样式表单” 我们习惯称为“层叠样式表"

使用css 我们应该要注意什么：

1.当有多个网页要用到的CSS，采用外连CSS文件的方式，这样网页的代码大大减少，修改起来非常方便；只在单个网页中使用的CSS，采用文档头部方式；只有在一个网页一、两个地方才用到的CSS，采用行内插入方式。

2.三种用法可以混用，且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因，浏览器在显示网页时是这样处理的：先检查有没有行内插入式CSS，有就执行了，针对本句的其它CSS就不去管它了；其次检查头部方式的CSS，有就执行了；在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出，三种CSS的执行优先级是：行内插入式、头部方式、外连文件方式。

css的语法：

/*写入css样式*/

</style>

使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等

那么我们来写一个实例：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		body{
			font-size: 20px;
			color: red;
			font-weight: bold;
		}
	</style>
</head>
<body>
		中华民族伟大复兴
</body>
</html>

如上案例，我给body 定义了一个样式，这样正文中所有的内容都会拥有这个样式

css参考手册，大家可以百度上下载一个，如下图所示：

继续学习

新建文件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font-size: 20px; color: red; font-weight: bold; } </style> </head> <body> 中华民族伟大复兴 </body> </html>

提交重置代码

自动运行

章节

笔记

提问

课件

反馈

捐赠