在前面的HTML的分类我们可以了解了HTML的基本使用方法,关于更多的HTML标签可以去HTML手册查然后灵活利用,这里我们开始来说说CSS了【PS:由于一直忙没时间续写教程不好意思】
CSS的全称是(Cascading Style Sheets),也就是所谓的层叠样式表!前面我们了解了HTML和XHTML就知道,CSS是一种前端开发语言,掌控着整个网站的设计和外观架构,那么,我们来初步认识CSS吧!
下面来看一组代码:
/* CSS Document */
<html>
<head>
<title>CSS</title>
<meta http-equiv="Content-Type"content="text/html;charset=gb2312">
<style>
h2{
font-family:Arial, Helvetica, sans-serif; color:#0000FF;
}
</style>
</head>
<body>
<h2>这是上面定义的样式</h2>
<p>这是普通样式</p>
</body>
</html>
效果如下图:
在这里,我们分析下CSS,CSS的好处在于,你定义了<h2>标签是什么字体,什么颜色,甚至定义了其他属性,你下面用h2标签定义起来的字体就都是那样了,这样就方便了许多,不用重复的去定义一个标签的字体怎么样!
并且,CSS的属性是层叠的,继承的,比如你h2的字体定义蓝色,然后定义<center>的字体的其他属性,那么你<h2>下的<center>下的字体会继承上面的两个属性,当然有重复属性定义会取优先值,这些以后和你们说!
然后,CSS的大概的定义方法如上:
用“<meta http-equiv="Content-Type"content="text/html;charset=gb2312">”定义CSS
<style>下定义CSS的属性
属性里面用:来赋值,用;来分开,就是这么简单啦!
2012年08月03日 08:15 -9楼
0
2012年08月03日 11:42 地下1层
@匿名 什么?