页面代码
<!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元素的样式属性，比如颜色、字体、布局等。选择器可以是...
本项目为Python驱动的HTML/CSS基础学习与测试源码集合，总计包含283个文件，其中Python源代码文件231个，图像文件16个（PNG格式），文本文件11个，Excel文件6个，Python字节码文件4个，CSV文件3个，以及其他辅助文件...
【CSS基础学习实用课件】是一份非常有价值的资源，它主要涵盖了CSS（Cascading Style Sheets）的基础知识，是Web前端开发中不可或缺的部分。CSS是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式...
css-ppt 为打基础学习的ppt 蛮不错的
这分思维导图有利于初学着更好更快的了解CSS，并且可以提高学习的记忆效果
结合以上知识点，学习"js+jquery+html+div+css基础"意味着你需要掌握以下内容： 1. JavaScript语法基础，包括变量、数据类型、运算符、流程控制和函数。 2. jQuery的基本使用，如选择器、事件处理、DOM操作和动画...
html+css的基础学习html+css的基础学习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 and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and ...
学习基础的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...
HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS...