Margin,border,padding(css 终极之南随笔）

margin

　　应用到块级元素。

　　margin设置百分数的时候，竖直方向也是宽的百分比。

　　margin的值书写方式。两个值、三个值、四个值。

　　MARGIN每边写法。

　　应用到非替换行内元素的时候，不影响行高。水平方向可以影响文字换行。

border

　　border-style

　　　　十钟样式。可以每边设置一个样式。如果样式为none，border就不存在。

　　border-width

　　　　默认是mediu，2px。

　　border-color

　　　　border默认颜色是文字的前景色，如果没有的话是父级元素的颜色。

　　背景颜色显示在下面。

　　border的缩写方式。

padding

　　内边距，背景在下面。可以设置四个边。竖直方向百分比也是宽度的百分数。

　　应用到不可替换行内元素的时候，不影响行高，

时间： 2024-11-05 20:45:13

Margin,border,padding(css 终极之南随笔）的相关文章

可视格式化（CSS 终极之南 随笔）

文档的可视格式化分为两部分. 竖直方向的渲染格式化和水平方向的渲染格式化. 文档的渲染是以CSS的盒子模型为基础进行的. CSS盒子模型从内到外是 内容->内部空白->边框->外部空白.width和height属性设置的是内容区域的大小.背景颜色和图片一直覆盖布展到border下面.外部空白 Margin的值可以是负值,其他都不能为负. 下面开始前需要普及一些概念: 包含块: 元素的父级元素叫做此元素的包含块 块级别元素 块级别元素在前面后后面产生断行.块级元素独占一行 行内元素 行内元

[转]图解CSS的padding,margin,border属性(详细介绍及举例说明)

图解CSS的padding,margin,border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响

CSS padding margin border属性详解

图解CSS padding.margin.border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).内边距(padding).边框(border)和外边距(margin).对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响.

转-CSS padding margin border属性详解

原文链接:http://www.cnblogs.com/linjiqin/p/3556497.html 图解CSS padding.margin.border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).内边距(padding).边框(border)和外边距(margin).对于初学者,经常会搞不清楚margin,background-color,b

图解CSS的padding,margin,border属性

本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样的词语, 由于在编写css代码时, 必须使用margin和padding, 如果我们总用汉语词语代替其来解释的话, 到了实际应用时容易混淆margin和padding的概念. 如果有一点Html基础的

CSS padding margin border属性详解【转载】

本文转载自:http://www.cnblogs.com/linjiqin/p/3556497.html ,感谢相关博主. 图解CSS padding.margin.border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).内边距(padding).边框(border)和外边距(margin).对于初学者,经常会搞不清楚margin,backgro

【转】图解CSS的padding,margin,border属性(详细介绍及举例说明)

W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层.盒模型主要定义四个区域:内容(content).边框距(padding).边界(border)和边距(margin). 对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次.关系和相互影响.这里提供一张盒模型的3D示意图,希望便于你的理解和记忆.

CSS padding margin border属性

主要定义四个区域:内容(content).内边距(padding).边框(border)和外边距(margin) margin:层的边框以外留的空白 background-color:背景颜色 background-image:背景图片 padding:层的边框到层的内容之间的空白 border:边框 content:内容 以下说明margin和padding属性:1.margin: 包括margin-top.margin-right.margin-bottom.margin-left,控制块级

HTML CSS——margin和padding的学习

你在学习margin和padding的时候是不是懵了,——什么他娘的内边距,什么他娘的外边距.呵呵呵,刚开始我也有点不理解,后来通过查资料学习总算弄明白了,现在我来谈一下自己对margin和padding的理解: 一.什么是边距 CSS中的边距指的是当前元素border与周围其它元素border的距离(或者称为空间). 二.什么是内边距,什么是外边距 代码2-1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" &