|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。
破洛洛文章简介:正如你所见到的这个是一个方块,而网页呢,是由这么多年夜巨细小的方块构成的,大概以下实例会更明白的让你懂得这个盒子。
DIV+CSS是今朝互联网网页制造最抢手的办法,但关于完整手写代码,很多网页计划师都看而止步。
实在DIV+CSS是很复杂的一种结构体例,乃至比任何一种编程言语都要复杂(固然它不克不及算是编程言语)。
起首你要晓得,当你入手下手进修DIV+CSS的时分,你要把之前一切用DW画结构表格的头脑办法忘的一尘不染(假如你之前是用TABLE结构的话),但是这项手艺更合适刚打仗网页制造的人。
然后你要晓得,DIV+CSS是高本钱开辟,速率固然是没有你画TABLE来的快,可是优点更多,信任假如你能看到这里,你必定对DIV+CSS的优点也有必定的懂得了。
最初你还得晓得,你所用的工具,你大概以为Dreamweaver很好,没错,它切实其实不错,但你要熟悉到,当你纯熟利用了这门手艺,你就能够在任何文本编纂器中编写网页,乃至在记事本中,而dreamweaver只是充任一个文本编纂器的脚色,而你一切的事情基础都在代码视图中完成,在这里我保举adobe最新的dreamweavercs4。固然假如CS5呈现了我也会往试用它。
切进正题,实在DIV+CSS准确的说法应当是XHTML+CSS,说成DIV的缘故原由只是让它能更明白地和TABLE结构办法辨别开来,并非说一个页面里没有TABLE,而是在甚么中央利用TABLE,你要熟悉到TABLE是表格,是寄存数据用的,而不是用来结构的。
接上去是结构头脑体例,大概人人在打仗DIV+CSS的时分无从动手,我如今向人人保举最出名的盒子模子,我也是看了这个模子后一会儿就开窍了。
你大概会说,很多多少英文看不懂,不外我告知你,很抱愧那三个英文你必需记着,并且是最主要的三个,你能够把这么个盒子当作一个DIV,而一切标签都带有这三个属性。
正如你所见到的这个是一个方块,而网页呢,是由这么多年夜巨细小的方块构成的,大概以下实例会更明白的让你懂得这个盒子。
我在这里借用了新浪博客的盒子来讲明下,人人大概发明了,实在边框border常常就只要1px的宽度,谁叫它是边框呢。而外补钉margin呢,它代表了DIV(盒子)和DIV(盒子)之间的间隔,而内补钉padding则是年夜盒子(DIV)和内里的盒子(DIV)的间隔(盒子(DIV)内里能够放盒子(DIV)哦)。
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。 |
|