CSS基础学习第一节:认识DIV+CSS

在前面的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基础学习第一节:认识DIV+CSS

在这里,我们分析下CSS,CSS的好处在于,你定义了<h2>标签是什么字体,什么颜色,甚至定义了其他属性,你下面用h2标签定义起来的字体就都是那样了,这样就方便了许多,不用重复的去定义一个标签的字体怎么样!

并且,CSS的属性是层叠的,继承的,比如你h2的字体定义蓝色,然后定义<center>的字体的其他属性,那么你<h2>下的<center>下的字体会继承上面的两个属性,当然有重复属性定义会取优先值,这些以后和你们说!

然后,CSS的大概的定义方法如上:

用“<meta http-equiv="Content-Type"content="text/html;charset=gb2312">”定义CSS

<style>下定义CSS的属性

属性里面用:来赋值,用;来分开,就是这么简单啦!

 

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论:2   其中:访客  0   博主  0

  1. avatar 匿名 5

    0

    • avatar yumanutong 5

      @匿名 什么?

评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情