创建一个水平盒子java_盒子模型理解

本文介绍了W3C标准及其在Web页面开发中的应用,详细讲解了盒子模型,包括margin、border、padding等属性,并通过案例分析了如何使用CSS + DIV进行页面布局,特别是浮动属性float在实现元素并排显示中的作用。此外,还探讨了clear属性用于清除浮动的影响。
摘要由CSDN通过智能技术生成

HTML CSS + DIV实现整体布局

1、技术目标:

开发符合W3C标准的Web页面

理解盒子模型

实现DIV+CSS整体布局

2、什么是W3C标准?

W3C:World Wide Web Consortium,万维网联盟

W3C的职能:负责制定和维护Web行业标准

W3C标准包括一系列的标准:

HTML内容方面:XHTML

样式美化方面:CSS

结构文档访问方面:DOM

页面交互方面:ECMAScript

……等等

3、W3C倡导的Web结构要符合以下要求:

XHTML负责内容组织

CSS负责页面样式

4、符合W3C规范页面的结构:

Html代码 2802177b27c0fd6926b8e3079ffcb063.png 90a4384df84412e5820930dbbd4991e4.png

aed769bb4f47ece73f9eb3c193c937e0.png

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

charset=gb2312"/>

无标题文档

......页面内容部分

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

charset=gb2312" />

无标题文档

......页面内容部分

5、XHTML基本规范

标签名和属性名称必须小写

HTML标签必须关闭

属性值必须用引号括起来

标签必须正确嵌套

文档必须拥有一个根元素,所有的XHTML元素必须嵌套于根元素中

属性不能简写,如:

6、页面开发需要注意的地方:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值