好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

精通CSS+DIV网页样式与布局初探CSS_html/css_WEB-ITnose

CSS英文名Cascading Style Sheet,中文名字叫层叠样式表,是用于控制页面样式并允许将样式信息与网页内容分离的一种标记性语言,DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。“DIV+CSS”其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。

h3同样适用

分析一下上面的代码,我们每一个P标记都用一个class进行控制,一个class="one"对应一个.one{},然后在.one里边添加属性,就可以了, 效果如下: 对比类别选择器多了一个“#”,ID与class的区别是:ID不允许出现两个同样的ID, 显示效果如下: 效果如下:

下边这个例子为嵌套声明,可以帮助我们很精确的找到我们想控制的区域:

   CSS选择器的嵌套声明         	

嵌套使用CSS标记的方法

嵌套之外的标记不生效
效果如下:

CSS的继承 ,详情请点击,我们来看一个例子的代码以及运行的效果:

  	 父子关系 	         	

祖国的首都 北京

欢迎来到祖国的首都 北京 ,这里是全国 政治、 经济 、文化 的中心

在这里,你可以: 感受大自然的美丽 体验生活的节奏 领略首都的激情与活力 你还可以: 去八达岭爬长城 去香山看红叶 去王府井逛夜市

如果您有任何问题,欢迎联系我们

效果如下:

小编寄语: 该博文,小编主要介绍了CSS的一些基础知识,总的来说分为两个部分进行介绍,一个是初探CSS,一个是CSS的基本语法,初探CSS包括概念和使用CSS控制页面,CSS的基本语法包括三个方面的内容,分别是CSS的选择器,CSS声明,CSS继承。有了CSS让我们的界面瞬间活了起来,动了起来,让我们的互联网世界更加的丰富多彩,美丽无限,BS学习,未完,待续......

查看更多关于精通CSS+DIV网页样式与布局初探CSS_html/css_WEB-ITnose的详细内容...

  阅读:33次