页面代码
<!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初学者零基础入门...