•   欢迎来到21NN网.
  •   请记住本站网址www.21nn.cn

一文控制纯CSS规划网页【css教程】,CSS布局网页,CSS布局

摘要: 本篇文章给人人带来的内容是关于纯CSS计划网页,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。第一种多是你还没有明白CSS处置惩罚页面的道理。在你斟酌你的页面团体表现结果前...
本篇文章给人人带来的内容是关于纯CSS计划网页,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。

第一种多是你还没有明白CSS处置惩罚页面的道理。在你斟酌你的页面团体表现结果前,你应当先斟酌内容的语义和构造,然后再针对语义、构造增加CSS。这篇文章将通知你应当怎样把HTML构造化。

另一种原因是你对那些异常熟习的表现层属性(比方:cellpadding,、hspace、align="left"等等)一筹莫展,不晓得该转换成对 应的什么CSS语句。 当你处理了第一种题目,晓得了怎样构造化你的HTML,我再给出一个列表,细致列出本来的表现属性用什么CSS来替代。

构造化HTML

我们在刚进修网页制造时,老是先斟酌怎样设想,斟酌那些图片、字体、色彩、以及计划计划。然后我们用Photoshop或许Fireworks画出来、切割成小图。末了再经由过程编辑HTML将一切设想复原表如今页面上。

假如你愿望你的HTML页面用CSS计划(是CSS-friendly的),你须要转头重来,先不斟酌“表面”,要先思索你的页面内容的语义和构造。

表面并非最主要的。一个构造优越的HTML页面能够以任何表面表现出来,CSS Zen Garden是一个典范的例子。CSS Zen Garden协助我们终究认识到CSS的壮大气力。

HTML不仅仅只在电脑屏幕上浏览。你用photoshop精心设想的画面能够不能显现在PDA、移动电话和屏幕浏览机上。然则一个构造优越的HTML页面能够经由过程CSS的差别定义,显现在任何地方,任何网络设备上。

首先要进修什么是"构造",一些作家也称之为"语义"。这个术语的意义是你须要剖析你的内容块,以及每块内容效劳的目标,然后再依据这些内容目标建立起响应的HTML构造。

假如你坐下来仔细剖析和计划你的页面构造,你能够获得相似如许的几块:

标志和站点称号

主页面内容

站点导航(主菜单)

子菜单

搜刮框

功用区(比方购物车、收银台)

页脚(版权和有关执法声明)

我们一般采纳DIV元夙来将这些构造定义出来,相似如许:

<div id="header"></div>
<div id="content"></div>
<div id="globalnav"></div>
<div id="subnav"></div>
<div id="search"></div>
<div id="shop"></div>
<div id="footer"></div>

这不是计划,是构造。这是一个对内容块的语义申明。当你明白了你的构造,就能够加对应的ID在DIV上。DIV容器中能够包括任何内容块,也能够嵌套另一个DIV。内容块能够包括恣意的HTML元素---题目、段落、图片、表格、列表等等。

依据上面报告的,你已晓得怎样构造化HTML,如今你能够举行计划和款式定义了。每个内容块都能够放在页面上任何地方,再指定这个块的色彩、字体、边框、背景以及对齐属性等等。

以上就是对纯CSS计划网页的悉数引见,假如您想相识更多有关CSS教程,请关注ki4网。

以上就是一文控制纯CSS计划网页的细致内容,更多请关注ki4网别的相干文章!

分享到:

发表评论

评论列表

还没有评论,快来说点什么吧~

公众号二维码

微信公众号