页面代码
<!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 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...
HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS...
一、CSS基础知识 1. 选择器:CSS选择器是用于选取HTML元素的方式,例如标签选择器(如`p`)、类选择器(如`.myClass`)和ID选择器(如`#myID`)。 2. 属性:CSS属性定义了元素的样式,如颜色(color)、字体(font-...
CSS基础学习便签,可方便查找CSS的应用和选择器的选择。本资源只为更好的学习,希望能带给大家更多的方便