CSS排版
来源:互联网 发布:网络大电影解析 编辑:程序博客网 时间:2024/05/16 06:26
CSS排版要求设计者首先对页面有一个整体的框架规划,包括整个页面分为哪些模块,各个模块之间的父子关系,等等。以最简单的框架为例,页面有Banner、主体内容(content)、菜单导航(links)和脚注(footer)几个部分组成,各个部分分别用自己的id来标识,整体内容如下图所示:
图中的每个色块都是一个<div>,这里直接用CSS的ID表示方法来表示各个块。页面的所有div块都属于块#container,一般的div排版都会在最外面加上这么一个父div,便于对页面的整体进行调整。美誉每个子div块,还可以再加入各种块元素或者行内元素,以#content和#links为例,同样采用CSS的类别方法class来表示各个内容部分。如下所示:
在设计网页时,首先要明确整个页面的组成,并且在HTML中搭建好框架,然后才是排版,以及各个细节。
常见的几种排版见下图:
阅读全文
0 0
- css排版
- CSS排版
- CSS 排版
- CSS排版
- 中文排版CSS心得
- 中文排版CSS心得
- 中文排版CSS心得
- 中文排版CSS心得
- 中文排版CSS心得
- 中文排版CSS心得
- 中文排版CSS心得
- css全图排版
- div+css排版控制
- 中文排版CSS心得
- DIV+CSS排版经验
- 中文排版CSS心得
- css样式图文排版
- CSS控制排版(转载)
- ArrayList底层实现
- 《Mining Large Streams of User Data for Personalized Recommendations》笔记
- Tip8 避免给枚举类型的元素提供显示的值
- 1.集合和数组的比较
- 宏晶STC单片机使用STC-ISP串口烧录失败的解决方法及实例汇总 (Ver0.99.15)
- CSS排版
- Linux统计/监控工具SAR详细介绍
- List、Set、Collection、Map的区别和联系
- 多态&多态对象模型
- 【caffe】Caffe的Python接口-官方教程-01-learning-Lenet-详细说明(含代码)
- Android Studio SVN配置忽略文件
- CSU
- 妙谈设计模式六大原则
- C#访问远程服务器共享目录下载文件到本地