页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{ padding:0; margin:0; } .cont{ width:300px; height:400px; padding:20px; border:#000 solid 10px; margin:30px; background:#0f0; } </style> </head> <body> <div class="cont"> <table background="#ff0" style="border:#000 solid 10px"> <tr> <td>23543536</td> </tr> </table> </div> </body> </html>
通过代码运行和图可以看到,设置cont的宽高只是最中间部分的大小,这个div实际占用的空间大小还要包括padding,border和margin的大小.
每个浏览器都会有默认设置的padding和margin值,一般要做一下初始化,将浏览器的这个值清掉.
相关推荐
【CSS基础学习】是网页设计领域中的重要环节,它是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。CSS(层叠样式表)让网页设计者能够分离内容与表现,使得网页设计更加灵活且易于...
html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css...
本“CSS基础学习源码”是一个适合初学者的资源包,提供了丰富的实践材料,帮助理解并掌握CSS的基础知识。 首先,我们来详细探讨CSS的基础概念: 1. **选择器与声明**:CSS的核心在于选择器和声明。选择器用于定位...
【CSS基础学习胶片】 CSS,全称Cascading Style Sheets,中文译为层叠样式表,是网页设计中用于控制网页布局和样式的语言。它与HTML(超文本标记语言)相辅相成,让网页的设计更加丰富多彩,易于维护。本资料集面向...
【CSS基础学习】 在网页设计领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它用于控制网页的布局和外观。本视频教程是针对初学者设计的,旨在帮助新手快速掌握CSS的基本概念和实际应用。 一、CSS简介 ...
这份"CSS基础学习资料"针对初学者提供了丰富的学习资源,帮助他们快速掌握这一关键技能。 首先,我们需要理解CSS的基本概念。CSS通过定义选择器来指定HTML元素的样式属性,比如颜色、字体、布局等。选择器可以是...
【CSS基础学习实用课件】是一份非常有价值的资源,它主要涵盖了CSS(Cascading Style Sheets)的基础知识,是Web前端开发中不可或缺的部分。CSS是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式...
css-ppt 为打基础学习的ppt 蛮不错的
这分思维导图有利于初学着更好更快的了解CSS,并且可以提高学习的记忆效果
本项目是一个综合性的Python基础学习资源库,它不仅覆盖了Python编程的基本知识点,还结合了HTML和CSS的实践应用,为初学者提供了一个全面的学习与测试平台。通过这个平台,学习者可以在实践中学习编程语言,掌握...
结合以上知识点,学习"js+jquery+html+div+css基础"意味着你需要掌握以下内容: 1. JavaScript语法基础,包括变量、数据类型、运算符、流程控制和函数。 2. jQuery的基本使用,如选择器、事件处理、DOM操作和动画...
本篇文章将为您介绍一个简单易学的圣诞树网页设计示例,其通过基础的HTML和CSS技术实现,非常适合前端技术初学者学习和掌握。 首先,网页设计离不开HTML(HyperText Markup Language),这是构建网页内容的骨架。...
html+css的基础学习html+css的基础学习html+css的基础学习html+css的基础学习 html+css的基础学习html+css的基础学习html+css的基础学习html+css的基础学习 html+css的基础学习html+css的基础学习html+css的基础学习...
HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and ...
前端基础的学习html+css前端基础的学习html+css前端基础的学习html+css 前端基础的学习html+css前端基础的学习html+css前端基础的学习html+css 前端基础的学习html+css前端基础的学习html+css前端基础的学习html+css...
学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip 学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip 学习基础的HTML与CSS.zip学习基础的HTML与CSS.zip学习基础的HTML...
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...