CSS三列等高布局实例 本资源提供了一个三列等高CSS布局的实例,通过修改国外的一个demo,实现了兼容IE5.5和标准浏览器Opera、Firefox、Safari的效果。该实例的代码使用XML和XHTML Transitional文档类型,定义了文档结构和CSS样式。 知识点1:文档类型定义 在该实例中,使用了XML文档类型定义`<?xml version="1.0" encoding="gb2312"?>`,指定了文档的编码方式为GB2312。同时,使用了XHTML Transitional文档类型定义`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`,指定了文档的DTD为XHTML 1.0 Transitional。 知识点2:CSS Reset 在该实例中,使用了CSS Reset技术,使用`*{margin:0;padding:0;}`将所有元素的margin和padding值设置为0,以便统一页面布局。 知识点3:布局容器 该实例中定义了一个布局容器`#container`,并设置了其padding值为`padding-left:200px;padding-right:150px;`,以便创建一个三列等高布局的效果。同时,使用了`background:#000;`设置了容器的背景颜色为黑色。 知识点4:clearfix技术 在该实例中,使用了clearfix技术,使用`:after`伪元素来清除浮动`#container:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}`,以便确保容器的高度能够自动适应内容的高度。 知识点5:浏览器兼容性 该实例中使用了hack技术来实现浏览器兼容性,例如使用`zoom:1;`来实现IE浏览器的兼容性。 知识点6:XHTML语法 在该实例中,使用了XHTML语法来定义文档结构,例如使用`<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">`来定义文档的命名空间和语言。 知识点7:CSS媒体查询 在该实例中,使用了CSS媒体查询来定义屏幕媒体的样式`<style type="text/css" media="screen">`,以便在不同的屏幕媒体上应用不同的样式。 知识点8:CSS注释 在该实例中,使用了CSS注释来记录代码的修改历史和来源,例如`/*————————*/`和`/*from:http://www.alistapart.com/articles/holygrail*/`。
下载后可阅读完整内容,剩余4页未读,立即下载
- 粉丝: 3
- 资源: 942
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 十种常见电感线圈电感量计算公式详解
- 军用车辆:CAN总线的集成与优势
- CAN总线在汽车智能换档系统中的作用与实现
- CAN总线数据超载问题及解决策略
- 汽车车身系统CAN总线设计与应用
- SAP企业需求深度剖析:财务会计与供应链的关键流程与改进策略
- CAN总线在发动机电控系统中的通信设计实践
- Spring与iBATIS整合:快速开发与比较分析
- CAN总线驱动的整车管理系统硬件设计详解
- CAN总线通讯智能节点设计与实现
- DSP实现电动汽车CAN总线通讯技术
- CAN协议网关设计:自动位速率检测与互连
- Xcode免证书调试iPad程序开发指南
- 分布式数据库查询优化算法探讨
- Win7安装VC++6.0完全指南:解决兼容性与Office冲突
- MFC实现学生信息管理系统:登录与数据库操作