一文掌握纯CSS布局网页_第1页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、一文掌握纯css布局网页第一种可能是你还没有理解css处理页面的原理。在你考虑你的页面整体表现效果前，你应该先考虑内容的语义和结构，然后再针对语义、结构添加css。这篇文章将告知你应当怎样把html结构化。另一种缘由是你对那些十分认识的表现层属性（例如：cellpadding,、hspace、align="left"等等）手足无措，不知道该转换成对应的什么css语句。当你解决了第一种问题，知道了如何结构化你的html，我再给出一个列表，具体列出本来的表现属性用什么css来代替。结构化html我们在刚学习网页制作时，总是先考虑怎么设计，考虑那些、字体、色彩、以及布局计划。然后

2、我们用photoshop或者fireworks画出来、切割成小图。最后再通过编辑html将全部设计还原表现在页面上。假如你希翼你的html页面用css布局（是css-friendly的），你需要回头重来，先不考虑外观，要先思量你的页面内容的语义和结构。外观并不是最重要的。一个结构良好的html页面可以以任何外观表现出来，csszengarden是一个典型的例子。csszengarden协助我们终于熟悉到css的强大力气。html不仅仅只在电脑屏幕上阅读。你用photoshop细心设计的画面可能不能显示在pda、移动电话和屏幕阅读机上。但是一个结构良好的html页面可以通过css的不同定义，显示

3、在任何地方，任何网络设备上。首先要学习什么是"结构"，一些作家也称之为"语义"。这个术语的意思是你需要分析你的内容块，以及每块内容服务的目的，然后再按照这些内容目的建立起相应的html结构。假如你坐下来认真分析和规划你的页面结构，你可能得到类似这样的几块：标记和站点名称主页面内容站点导航（主菜单）子菜单搜寻框功能区（例如购物车、收银台）页脚（版权和有关法律声明）我们通常采纳div元素来将这些结构定义出来，类似这样：divid="header"/divdivid="content"/divdivid="globalnav"/divdivid="subnav"/divdivid="search"/divdivid="shop"/divdivid="footer"/div这不是布局，是结构。这是一个对内容块的语义解释。当你理解了你的结构，就可以加对应的id在div上。div容器中可以包含任何内容块，也可以嵌套另一个div。内容块可以包含随意的html元素-标题、段落、表格、列表等等。按照上面叙述的，你已经知道如何结构化html，现在你可以举行布局和样式定

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论