CSS 块级元素、内联元素概念
摘要：《CSS权威指南》中文字显示：任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong。span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有
阅读全文
posted @
2014-02-19 21:07
Ruthless
阅读(4835)
推荐(0) 编辑
CSS padding margin border属性详解
摘要：图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者，经常会搞不清楚margin，background-color，background-image，padding，content，border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。margin：层的边框以外留的空白backg
阅读全文
posted @
2014-02-19 19:36
Ruthless
阅读(75007)
推荐(21) 编辑
设计中最常用的CSS选择器
摘要：一些新手朋友对选择器一知半解，不知道在什么情况下运用什么样的选择器，这是一个比较头疼的问题，针对新手朋友，对CSS选择器作一些简单的说明，希望能对大家的学习工作有一定的帮助。 准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类（class）或ID，通过合适的组织，可以用最简单的方法实现同样的效果。在实际工作中，最常用的选择器有以下五类： 一、标签选择器： 顾名思议，标签选择器是直接将HTML标签作为选择器，如p、h1、dl、strong等HTML标签。如： p { font:12px;} em { color:blue;} dl { float:left; marg
阅读全文
posted @
2011-04-19 21:02
Ruthless
阅读(1492)
推荐(1) 编辑
