本节主要讲解,两个内容, 第一:CSS如何控制页面样式,有几种方式; 第二:这些方式出现在同一个页面时的优先级。 使用xHTML+CSS布局页面,其中有个很重要的特点就是内容与表象相分离,内容指HTML页面代码,表象就是CSS代码了,如果把页面看成穿着衣服的人的话,人就是HTML,是内容,而衣服呢就是CSS,是表 象,现在出现的 发布时间:2012-02-27 作者: 佚名技术 views(454)
课程关键词:清除浮动Clear 还记得第二课我们做的例子的效果么?最后效果是,红色方块和蓝色方块都处于一行,我们使用Float:left,打击了块状元素的霸道即块状元素不允许其他元素和它处于同一行。我们将红色方块的CSS代码中加入了Float:left;后,红色方块终于允许蓝色方块和它处于同一行。如图: 我们换一种方法表达上面的意 发布时间:2012-02-27 作者: 佚名技术 views(189)
上节课我们讲了一下CSS通过什么方式去控制页面,如果不记得,我来帮大家回忆一下,总共有四种方式行内方式、内嵌方式、链接方式、导入方式,大家通过这四种方式就可以实现CSS对HTML页面样式的控制,如果要让这些样式对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,HTML页面中的元素就是通过 发布时间:2012-02-27 作者: 佚名技术 views(455)
CSS标签重置 对于XHTML+CSS布局起着一个重要的决定性作用,它是提高页面浏览器兼容性的第一步。 那么什么是标签重置呢? 顾名思义,就是对HTML中的所有标签属性重置,因为每个浏览器都有一个自己默认的CSS文件,对HTML中的所有的标签进行定义,以便没有定义CSS的页面能够正常显示在页面,页面在加载的时候如果没有找到自带的 发布时间:2012-02-27 作者: 佚名技术 views(311)
规范的命名也是Web标准中的重要一项,标准的命名可以更好的看懂代码,我想大家应该都有这种经历,某日翻出自己过去写的代码居然看不懂了,呵呵,为了避免这种情况我们就要规范化命名,再说了,现在一个项目不是一个人就可以完成的,是需要大家互相合作的,如果没有规范化命名,别人就无法看懂你的代码,大大降低了工作效率, 发布时间:2012-02-27 作者: 佚名技术 views(166)
前四节的大练习大家做的怎么样?有没有难度,如果你觉着有难度没有关系,这节课,我带着大家做一下这个练习! 【第一步 整体布局与公共CSS定义】 我们先来分析一下这个页面 页面主要分5大块,顶部的Logo、导航条Nav、Banner、Content、Footer,如下图 这样HTML就很容易写出来了 div id=Logo/div div id=Nav/div div id=Ba 发布时间:2012-02-27 作者: 佚名技术 views(402)
现将《2天驾驭DIV+CSS》教程的目录列出,以方便大家学习! ================================= 基础 【基础一】DIV+CSS的叫法是不准确的 【基础二】使用Table布局是不明智的 【基础三】xHTML+CSS与SEO 【基础四】CSS如何控制页面 【基础五】CSS选择器 【基础六】CSS选择器命名及常用命名 【基础七】盒子模型 【基础八】块状 发布时间:2012-02-27 作者: 佚名技术 views(183)
盒子模型,是XHTML+CSS布局页面中的核心!要想学会用CSS布局页面,就首先要理解盒子模型! 什么是盒子模型?对于初学者来说,很难说出来,但是对于生活中的盒子大家熟悉吧,哈哈,这里提到的盒子模型你就可以理解成现实生活中的盒子就可以了,不然怎么能起个名字叫盒子模型呢 好!既然和现实生活中的盒子一样,那我们想一下 发布时间:2012-02-27 作者: 佚名技术 views(159)
|