`
sanyecao2314
  • 浏览: 135779 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

CSS基础学习

 
阅读更多

页面代码

<!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值,一般要做一下初始化,将浏览器的这个值清掉.

 

  • 大小: 12.5 KB
分享到:
评论

相关推荐

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    【CSS基础学习】是网页设计领域中的重要环节,它是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。CSS(层叠样式表)让网页设计者能够分离内容与表现,使得网页设计更加灵活且易于...

    html + css 基础学习.zip

    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的基础知识。 首先,我们来详细探讨CSS的基础概念: 1. **选择器与声明**:CSS的核心在于选择器和声明。选择器用于定位...

    CSS基础学习胶片

    【CSS基础学习胶片】 CSS,全称Cascading Style Sheets,中文译为层叠样式表,是网页设计中用于控制网页布局和样式的语言。它与HTML(超文本标记语言)相辅相成,让网页的设计更加丰富多彩,易于维护。本资料集面向...

    CSS基础学习视频 百度网盘下载

    【CSS基础学习】 在网页设计领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它用于控制网页的布局和外观。本视频教程是针对初学者设计的,旨在帮助新手快速掌握CSS的基本概念和实际应用。 一、CSS简介 ...

    CSS基础学习资料

    这份"CSS基础学习资料"针对初学者提供了丰富的学习资源,帮助他们快速掌握这一关键技能。 首先,我们需要理解CSS的基本概念。CSS通过定义选择器来指定HTML元素的样式属性,比如颜色、字体、布局等。选择器可以是...

    基于Python的HTML/CSS基础学习与测试设计源码

    本项目为Python驱动的HTML/CSS基础学习与测试源码集合,总计包含283个文件,其中Python源代码文件231个,图像文件16个(PNG格式),文本文件11个,Excel文件6个,Python字节码文件4个,CSV文件3个,以及其他辅助文件...

    css基础学习实用课件

    【CSS基础学习实用课件】是一份非常有价值的资源,它主要涵盖了CSS(Cascading Style Sheets)的基础知识,是Web前端开发中不可或缺的部分。CSS是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式...

    css基础学习 ppt

    css-ppt 为打基础学习的ppt 蛮不错的

    css基础学习的思维导图

    这分思维导图有利于初学着更好更快的了解CSS,并且可以提高学习的记忆效果

    js+jquery+html+div+css基础学习

    结合以上知识点,学习"js+jquery+html+div+css基础"意味着你需要掌握以下内容: 1. JavaScript语法基础,包括变量、数据类型、运算符、流程控制和函数。 2. jQuery的基本使用,如选择器、事件处理、DOM操作和动画...

    html+css的基础学习.zip

    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 基础学习代码.zip

    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前端基础的学习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与CSS.zip学习基础的HTML...

    HTML CSS javaScript 学习Demo集合, 适合0基础入门.zip

    HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS javaScript 学习Demo集合, 适合0基础入门 HTML CSS...

    css样式工具 css学习工具

    一、CSS基础知识 1. 选择器:CSS选择器是用于选取HTML元素的方式,例如标签选择器(如`p`)、类选择器(如`.myClass`)和ID选择器(如`#myID`)。 2. 属性:CSS属性定义了元素的样式,如颜色(color)、字体(font-...

    CSS基础便签

    CSS基础学习便签,可方便查找CSS的应用和选择器的选择。本资源只为更好的学习,希望能带给大家更多的方便

Global site tag (gtag.js) - Google Analytics