WEB2.0网页制作标准教程（8）CSS布局入门（2）
作者：阿捷 来源：网页设计师 发布时间：2007-09-11 13:21:00
标签：CSS,布局,web2.0
2.CSS2盒模型
自从1996年CSS1的推出，W3C组织就建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层<div>。盒模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。上面我们讲的sample层就是一个典型的盒。对于初学者，经常会搞不清楚margin，background-color，background-image，padding，content，border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。
3.辅助图片一律用背景处理
用XHTML+CSS布局，有一个技术一开始让你不习惯，应该说是一种思维方式与传统表格布局不一样，那就是：所有辅助图片都用背景来实现。类似这样：
BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom;
尽管可以用<img>直接插在内容中，但这是不允许的。这里的"辅助图片"是指那些不是作为页面要表达的内容的一部分，而仅仅用于修饰、间隔、提醒的图片。例如：相册中的图片、图片新闻中的图片，上面的3d盒模型图片都属于内容的一部分，它们可以用<img>元素直接插在页面里，而其它的类似logo，标题图片，列表前缀图片都必须采用背景方式或者其他CSS方式显示。
这样做的原因有2点：
将表现与结构彻底相分离，用CSS控制所有的外观表现，便于改版。
使页面更具有易用性，更有亲和力。例如：盲人使用屏幕阅读机，用背景技术实现的图片就不会被朗读出来。
0
投稿猜你喜欢
之所以有这样一篇文章，是因为在前几天的一个晚上，要下班的时候，业务方忽然有一个需求，是需要恢复一个表里面的数据，当时问了下情况- 前言Django附带的认证对于大多数常见情况来说已经足够了,但是如何在 Django 中使用自定义的数据表进行用户认证，有一种较为笨蛋的办法
- 什么是下载？首先客户端会问服务器，有没有一个xxx的文件啊？服务器开始寻找，找到后对客户端说有，然后客户端在本地新建一个文件，客户端从服务器
- 借助 org.springframework.ui.Model 对象或 Map 对象将信息传到 springmvc 的页面中需要：jstl
- 为什么会出现黏包现象：首先只有在TCP协议中才会出现黏包现象，是因为TCP协议是面向流的协议，在发送的数据传输的过程中还有缓存机制来避免数据
- 数据库中IP地址数据该怎么存？或许你已经不止一次遇到过这类问题，怎么存？varchar(255)不就完事儿了？坦白说，在我经历的几个项目中，
- 前言密码重置功能相信对大家来说都不陌生，本文主要给大家介绍了关于使用Django内置的认证视图实现简单的通过邮箱重置密码的功能，分享出来供大
- 深入解析Linux下MySQL数据库的备份与还原 1. 备份 [root@localhost ~]# cd /var/lib/mysql (
- 今天突然想起这个问题， 就好好搜索整理一下，不过在开始归纳之前，请先来一起做做这个小实验：忽略一切实际的外在情况， 你看了下面的按钮，第一本
- Django cors跨域问题前后端分离项目中的跨域问题 即同源策略同源策略：同源策略/SOP（Same origin policy）是一种
- 最近需要做一个表格样式，需要组合表头，现在把做出来的分享给大家， 1、效果图2、html代码 <table id="
- <％ Rem Rem ## 在线升级类声明 Class Cls_oUpdate
- FreeType库是一个完全免费（开源）的、高质量的且可移植的字体引擎，它提供统一的接口来访问多种字体格式文件，包括TrueType, Op
- 可视化对于大家来说确实是有关的，因为确实是直观的，每一组大数据如果可以用可视化进行展示的话可以让大家豁然开朗。但在另外一些场景中，辅之以少量
- 跳表跳表，又叫做跳跃表、跳跃列表，在有序链表的基础上增加了“跳跃”的功能，由William Pugh于1990年发布，设计的初衷是为了取代平
- 创建时间序列函数pd.date_range()根据指定的范围，生成时间序列DatetimeIndex，每隔元素的类型为Timestamp。该
- opencv > pilimport cv2 from PIL import Imageimg = cv2.imread("
- 导入组件首先导入需要的组件，pygame游戏组件，time是时间组件import pygame, time, sysfrom pygame.
- 前言本文提供将视频按照时间维度进行剪切的工具方法，一如既往的实用主义。主要也是学习一下golang使用ffmpeg工具的方式。环境依赖ffm
- Dreaweaver MX 2004 中增加了图片处理功能，如图片亮度和对比度的调节、图片的锐化效果等
