1:内联元素和块级元素1).块级元素,默认是独自占据一行的。比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr />2).内联元素，默认是几个内联元素都可以在同一行上显示。比如是<a>、<span>等。2:内联元素可以变成块级元素，块级元素可以变成内联元素。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>div{background-color: aqua;/*变为内联元素*/display: in...
(1)css text 文本文本颜色：color颜色属性被用来设置文字的颜色颜色是通过css最经常的指定：*十六进制值—如：#FF0000*一个RGB值---如：RGB(255,0,0)*颜色的名称---如：redline-height: 200px; 文本行高 通俗的讲，文字高度加上文字上下的空白区域的高度 50%:基于字体大小的百分比vertical-align:－4px 设置元素内容的垂直对齐方式 ,只对行内元素有效，对块级元素无效text-decoration:none text-decoration 属性用来设置或...
Here are the examples how to place the elements in the middle of the parent element. The first example works in all new browsers except Internet Explorer of version 7 and less. The second one looks more difficult, but it has some tricky fixes which make it workable in IE7 and IE6.译者信息本篇文章展现一些能够将目标元素放在父元素的中间例子。第一个例子可以在除IE7以下的所有浏览器中实现，第二个例子虽然...
前段时间论坛搞的那话题貌似后面没人讨论了，也没想跟贴了，自己也不是很专业，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垂直...