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,...
刚开始接触CSS3的2D变换属性，就被这个skew（）搞的一头雾水，不知道具体是怎么变化的！研究了一会才发现，CSS3的斜切坐标系和数学中的坐标系完全不一样（设置斜切原点为左上角）<style>
div{width: 200px;height: 200px;transition:all 2s;margin: 150px auto;}
.div1{background-color: #f00;}
.div2{background-color: #0f0;}</style><body><div class="div1"></div><div class="div2"></div></body>下面我们设置鼠标经过时的sk...
话说CSS字体属性font-family、font-style、font-size、font-weight、font-variant：使用CSS，可以对字体进行设置，字体属性包括五种常见属性：字体系列font-family、字体样式/字体风格font-style、字体大小font-size、字体粗细font-weight、字体变量font-variant。通过这五个属性，可以设定文本在web页面的显示效果或文本的打印效果。1.字体系列font-family支持按照优先级顺序列出各种要指派使用的字体，当用户系统没有安装首选字体...
CSS3中使用了很多的属性选择器，通过这些属性选择器，可以根据我们自己的设计来定义元素的样式，制作精美的网页。CSS3属性选择器下面是CSS3的属性选择器的语法，及使用。元素名字[元素类型=“类型名字”]：选择器名字{属性：值；属性：值；
} 在元素类型匹配时，就可以使用类似正则的匹配方法。 [att=val] 指定特定名字的元素 [att*=val] 匹配val*的元素， [att^=val] 匹配val开头的元素，比如id为val1、val432432都可...
