shwanglp的专栏

一、普通流　　普通流中元素框的位置由元素在XHTML中的位置决定。块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin计算得到。行内元素在一行中水平布置。　　普通流就是html文档中的元素如块级元素、行内元素依据他们的显示属性按照在文档中的先后次序依次显示。是块级元素就占一行或多行，是行内元素就和其他元素共处一行，没什么好说的，该咋显示咋显示，一个萝卜一个坑。

内边距： 边框于内容之间的距离。外边距：边框于边框之间的距离。CSS 内边距属性属性描述padding简写属性。作用是在一个声明中设置元素的所内边距属性。padding-bottom设置元素的下内边距。padding-left设置元素的左内边距。padding-right设置元素的右内边距。

上一次介绍了css中的div和span标签和二者在使用中的区别，本文介绍关于显示模式和显示模式之间的转换。接着div和span，二者引出两个概念，块级元素和行内元素。块级元素：独占一行，如果没有设置宽高度，那么默认和父元素一样宽高，如果设置了宽高，那么就按照设置来显示。这个对于的是容器级标签。行内元素：不会独占一行，如果没有设置高度和宽度，那么默认和吗、内容一样宽，行内元素是不可以设置

今天学习了关于CSS中的div和span标签，下面来通过例子简单的介绍一下这几个标签怎么使用。part1：div标签： 一般用于配合css完成网页的基本布局span标签：一般用于配合css修改网页中的一些局部信息二者的区别：div会单独的占领一行，而span不会单独占领一行；div是一个容器级的标签，span是一个文本级的标签补充： 什么是容器级标签？ 什么是文本级标签？容

CSS三大特性之优先级概念：当多个选择器选中同一个标签，并且给同一个标签设置同一个属性时，如何层叠就由优先级来决定。顺序： ！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承->默认样式 test body{ color: red; } p{

CSS的三大特性之层叠性 概念：此特性是浏览器处理冲突的一个特性，如果一个属性沱工多个选择器设置到容一个元素上面，那么这个时候就会只有一个选择器起作用，而其他的选择器都将被层叠的部分去掉，这里需要考虑优先级相同和不同的两种特性：本次实例不考虑优先级别。 inherited body{ color: red;

很多人都学习CSS相关的特性，但是对于这三大特性的使用方法不是很了解，下面从开始到后续介绍一下关于CSS的三大特性的概念和使用场景。CSS的三大特性包括： 继承性 层叠性 优先性1. 继承性概念： 继承，顾名思义，儿子继承了父亲的特性。子元素继承父元素的样式。可以继承的属性： text-，font-，line- 这些元素开都均可以继承，嗨又color属性也是可以继承的。特殊性：

注册网易免费邮箱 body{ font-size:12px; font-family:"宋体"; color: #333; } /*清除内边距和外边距*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,

1. 标准流(普通流)代码模块 osition *{ margin: 0px; padding: 0px; } div{ width: 100px; height: 100px; border

CSS盒子模型在开发中很常用，包括显示界面中边框，内边距，外边距，内容 他们之间的属性和组合起来怎么处理之间的值， 在下面的两篇文章中写的很详细，仅供参考，后续我自己会补充这部分内容。http://www.108js.com/article/article8/80058.html?id=1766http://www.108js.com/article/article8/80059.ht