提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: HTML教程 > 一文控制纯CSS规划网页【html5教程】,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网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

0 条评论关于"一文控制纯CSS规划网页【html5教程】,CSS布局网页,CSS布局"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线