HTML+CSS 轻松入门之认...LOGIN

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

一:CSS是什么

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

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

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

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

css的语法:

<style type="text/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参考手册,大家可以百度上下载一个,如下图所示:

2.jpg

下一节
<!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>
提交重置代码
章节课件