在我们刚学习网页制作时，总是先考虑怎么设计，考虑那些图片，字体，颜色，以及布局方案，然后用photoshop等工具画出图形，再切成小图，最后通过编辑html将所有设计还原表现在页面上，天津网站建设，天津网站优化，汽车玻璃，商业策划招商，钢板桩租赁，天津废锡回收
如果要用css布局，思路恰恰相反，你不需要先考虑网页的外观和布局设计，而是思考网页信息的语意和结构，那么什么是语义呢
语义又称为做词义，用中文也可以表示字意，它研究的对象是词语，而不是语句或文章，在web中可以理解为构建网页的各种元素，这些元素的名称p全称为paragraph段落的意识，那么我们一看到这个元素，就知道他包含的内容应该是本段，关于结构语义化元素更详细的说明可以以后学习，而结构就是由这些语义元素结合搭建起来的框架，所以呈现出来的就是网页效果了
语义web是w3c倡导下的写作项目，它提供了一个通用的框架，允许跨越不同web应用程序，企业和团队共享和重用的数据，这与微软公司所倡导的.net第三代互联网技术平台思想是一致的。
从数据角度分析，语义web的基本思想就是让网页上的数据都有元数据来表述它说明的含义，这样计算机程序就能理解网页上的数据，也能更好的为大家服务，从数据交换角度分析，这样更方便用户数据的交互，此时你会更加理解为什么xml语言室web数据交换的基本格式，从web搜索角度分析，目前的网页时让人看的，如查找信息，网上购物等，语义web上的网页时让计算机看的，它通过制定一个web上数据表示语言的规范，用以描述web内容，且让计算机能够理解
理解web语义和结构，接着我们来继续讨论css布局的基本思想，在标准布局中，外观并不是最重要的，一个结构良好的html页面可以以任何形式的外观呈现出来。
css肆意花园是2003年5月创建的个人站点，他的目标就是通过css肆意花园这个平台，提供一个相同的网页结构，鼓励优秀的设计师用css去创造全新的网页样式作品，css肆意花园帮助我们最终认识到css的强大力量，若是网页设计师正被一个布局问题所困扰，去那获取灵感是个不错的选择，同时你也可以利用这个平台展示个人的天赋
当然，你还应该知道，网页不仅仅只为电脑屏幕显示，标准网页能够适应不同的显示设备，如pda，触摸屏，电视，打印机等，用photoshop精心设计的网页图像不可能同时显示在这些设备上，但是一个结构良好的html页面可以通过css的不同定义，会显示在任何地方，以及任何网络设备上
在css布局中，结构和语义具有相同的内涵，它意味着网页设计师首先必须清楚自己设计的页面要显示的信息，并根据这些信息把一个网页分成不同的内容块，以及每块内容的目的，然后再根据这些内容的目的用不同的语义元素建立相应的html结构，例如，假设我们正要设计的页面模块包括以下内容。