CSS - 介绍与基础

  • 作者:KK

  • 发表日期:2016.1.26


前面我们学了HTML,学会用标签做出一些简单的网页元素,但是那样还远远不够,因为太难看了是不是?

接下来我们要学的CSS就是让网页变漂亮的一种技术,如果说HTML是人,那么CSS就是衣服,人有了衣服才显得有气质,漂亮美丽!

CSS也是一种代码,最简单的CSS代码可以放在html代码里面混在一起写

下面我们先试一下用CSS将网页变成红色看看,请抄我以下代码放到html文件中,再用浏览器查看网页试试:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>CSS学习</title>
	<style type="text/css">
	body{
		background-color:red;
	}
	</style>
</head>
<body>
	网页内容
</body>
</html>

这样浏览器就显示了一个红色页面,因为是CSS让页面的背景色变成了红色

上面的CSS代码就是head包住的这个style标签

<style type="text/css">
body{
	background-color:red;
}
</style>

如果你把这个标签删除掉,那页面就不会有红色了.style标签有个type属性,值是text/css,其实你不写这个属性也可以,浏览器会默认按type="text/css"这个值来处理style标签的


CSS的正文

style标签只是说明要添加样式,毕竟style标签还是属于HTML的东西.而具体的样式代码是里面的东西才是CSS的代码,就是style标签里的

body{
	background-color:red;
}

这才是CSS代码哦,包括你后面的教程学习时,要写CSS代码测试的话,就先在HTML代码里要加个style标签包住它,不一定要加在head标签里,加在body里都行,你喜欢吧,一般是加在head里