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里