前段时间论坛搞的那话题貌似后面没人讨论了，也没想跟贴了，自己也不是很专业，SO，现在有点想法就放这儿来。虽然那贴后来没人跟了，嘿嘿，不过我倒是这几天一直在想，在想讨论下去还会讨论出怎么个写/排法。其实CSS代码的写法还以考虑一下属性，也就是属性分组：控制大小/控制颜色/控制定位……等。肯定不止这么几种了，具体的分组完全是看自己的感觉。比如说：你可以将宽度、高度、行高这几个属性放在一行，然后将字体颜色，字体...
目录CSS属性相关CSS属性相关宽度和高度
width：设置元素的宽度
height设置元素的高度注意：只有会计标签才能设置宽度，内联标签的宽度有内容来决定<style>div {height: 50px;width: 100px;}/*给行内标签设置长宽没有任何影响*/span {height: 50px;width: 100px;
</style>字体属性1) 文字字体font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值...
visibility属性:用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置display属性:visibility属性是隐藏元素但保持元素的浮动位置，而display实际上是设置元素的浮动特征。当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像<div>元素一样，它会在那个点被放入到...
border在一个声明中设置所有的边框属性；border-bottom在一个声明中设置所有的下边框属性；border-bottom-color设置下边框的颜色；border-bottom-style设置下边框的样式；border-bottom-width设置下边框的宽度；border-color设置四条边框的颜色；border-left在一个声明中设置所有的左边框属性；border-left-style设置左边框的样式了；border-left-width设置左边框的宽度；border-right在一个声明中设置有所有的有边框； 原文：http...
一直弄不明白padding属性的值的设置 今儿算是弄明白了 例如： 复制代码代码如下:body { padding: 36px;} body { padding: 36px 24px; } body { padding: 36px 24px 18px; } body { padding: 36px 24px 18px 12px; } 查看了CSS的标准文档，其中是这样规定的： 如果只提供一个，将用于全部的四条边； 如果提供两个，第一个用于上－下，第二个用于左－右； 如果提供三个，第一个用于上，第二个用于左－右，第三个用于下； 如果提供全部...
制作过网页的人都有为画线而烦恼的经历，先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框 上面的示例中，给一段文字加了不同的边框，只是为了说明边框线的颜色、粗细是可变的。 第一个边框的CSS代码是：style="border:thin solid red...
CSS3的 transition 属性用于状态过度效果！1、语法：1transition: property duration timing-function delay;
2-moz-transition: property duration timing-function delay;
3-webkit-transition: property duration timing-function delay;
4-o-transition: property duration timing-function delay;上以语法兼容各浏览器。2、transition含有四个部份设置，各部份设置如下： a) property ：规定设置过渡效果的 CSS 属性的名称，可...
在CSS中关于position定位的内容是： position: relative | absolute | static | fixed static(静态) 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。 relative(相对定位) 对象不可层叠、不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。 absolute(绝对定位) 脱离文档流，通过 top,bottom,left,right 定位。选取其最近一个最有定位设置的父级对象进行绝对定...
一. Mozilla 建议CSS规则<span style="font-family:Microsoft YaHei;">/* Suggested order:
* display
* list-style
* position
* float
* clear
* width
* height
* margin
* padding
* border
* background
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/</span>详情请看http://www.mozilla.org/c...
offset()返回偏移坐标对象，包括top,left两个Number属性，像素数值$(selector).offset().top$(selector).offset().left详细scrollTop属性设置文档从文档顶部开始卷起的像素值scrollTop:10;原文：http://www.cnblogs.com/carolina/p/5463610.html
1.字体系列属性
font、font-size、font-style、font-weight、font-family
2.文本系列属性
color、line-height
3.元素可见属性
visibility
4.列表属性
list-style、list-style-type
5.光标属性
cursor值的注意的是：height,width并不是可继承属性原文：https://www.cnblogs.com/silent-cat/p/14659652.html
1.长度值单位长度：em,ex,pc,px,pt,mm,cm,in。百分比长度：XX%可取正负2.文字控制font:风格 变形 加粗 大小/行高 族科font-faminly:族名font-style:normal/italic/obliquefont-variant:normal/small-capsfont-weight:normal/bool/100/200font-size:em/px（会覆盖前面的line-height）3.文本控制text-align:left/right/center/justifytext-indent 长度（文本块中首行缩进）text-spacing 长度veitical-align:百分比/sub/top/middle垂直...
一、无继承性的属性1、display2、文本属性：vertical-align、text-decoration、text-shadow、white-space空白符的处理 等。3、盒子模型属性：width、height、margin等。4、背景属性：background、background-color、background-image等5、定位属性：float、position、top、left、overflow等。二、有继承性的属性1、字体系列属性：font、font-family、font-weight、font-size、font-style等。2、文本系列属性：text-indent文本缩进、...
一 CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体*/vertical-align:sub; /*下标字*/vertical-align:super; /*上标字*/text-decoration:line-through; /*加删除线*/text-decoration: ...
1.标记的类型(list-style-type)list-style-type 属性设置列表项标记的类型。可选的值如下：值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。decimal-leading-zero0开头的数字标记。(01, 02, 03, 等。)lower-roman小写罗马数字(i, ii, iii, iv, v, 等。)upper-roman大写罗马数字(I, II, III, IV, V, 等。)lower-alpha小写英文字母The marker is lower-alpha (a, b, c, d,...