摘要：:hover选择器、:active选择器和:focus选择器:hover选择器：当鼠标悬停在所指定的元素上时所使用的样式；:active选择器：当所指定的元素处于激活状态（鼠标在元素上按下还没有松开）时所使用的样式；:focus选择器：当元素获得光标焦点时使用的样式，主要用在文本框输入文字时使用；【注】下方案例运行效果，之所以点击后立即变为绿色是因为active触发的同时focus也触发了，所以active定义的样式看似无效，大家可以先把focus定义的样式注释掉运行； 阅读全文

摘要：1、在 HTML 中，一个 class 值中可能包含一个词列表，各个词之间用空格分隔。例如，如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以 写作（这两个词的顺序无关紧要，写成 warning important 也可以）：This paragraph is a very important warning.我们假设 class 为 important 的所有元素都是粗体，而 class 为 warning 的所有元素为斜体，class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。就可以写作：.importan 阅读全文

摘要：1/ inline默认。此元素会被显示为内联元素，元素前后没有换行符。2/block此元素将显示为块级元素，此元素前后会带有换行符。3/inline-block整体是行元素，前后没有换行。里面的内容是块元素，每个元素前后会带有换行符。为了能够让所有浏览器支持display:inline-block，综合一下，最终的实现代码如下display:inline-block;/*一方面除IE8 以下，其它浏览器均支持，另一方面下触发IE下inline 元素的 hasLayout*/zoom:1;/*同样是IE 下触发 hasLayout*/*display:inline;/*一旦IE 下触发了 has 阅读全文

摘要：标签的伪类样式一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括：总: a 表示所有状态下的连接 如 a{color:red}① a:link：未访问链接 ,如 a:link {color:blue}② a:visited：已访问链接 ,如 a:visited{color:blue}③ a:active：激活时（链接获得焦点时）链接的颜色 ,如 a:active{color:blue}④ a:hover：鼠标移到链接上时 ,如 a:hover {color:blue}一般a:hover和a:visited链接的状态（颜色、 阅读全文

只有注册用户登录后才能阅读该文。

只有注册用户登录后才能阅读该文。

摘要： 阅读全文

摘要：参数说明：1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。参数:visible：扩大面积以显示所有内容auto：仅当内容超出限定值时添加滚动条hidden：总是隐藏滚动条scroll：总是显示滚动条2、height : 设置滚动条的高度（修改其后数值即可）。3、滚动条颜色参数设置：scrollbar-3d-light-color 设置或检索滚动条亮边框颜色scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色scrollbar-f 阅读全文

摘要：1、如果你设置了body width:100% height:100% 当加上border:1px solid #000之后肯定会出现滚动条：原因是：width height 都没有吧border计算进去！当然直接是 ：border:1px;则完全没有影响 不会出现滚动条 这时候是计算在内了！ 阅读全文

摘要：刚接触网页排版的新手，常出现这种情况：设置table和div的高height="100%"无效，使用CSS来设置height:"100%"也无效，为什么会这样呢？解决height:100%无效，table和div的解决方法并不相同。首先说一下table，他比较容易解决，当我们使用Dreamweaver来制作网页，新建一张网页，通常在代码头部会有类似以下的代码：没错，你猜对了，问题就出在这里，你试着把这短代码删除，然后再刷新一下网页，你就会看到所有table以你的设置height="100%"的展示！这段代码是告诉浏览器你的网页是遵循什 阅读全文

只有注册用户登录后才能阅读该文。

只有注册用户登录后才能阅读该文。

只有注册用户登录后才能阅读该文。

摘要：定义和用法line-height 属性设置行间的距离（行高）。注释：不允许使用负值。说明该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。原始数字值指定了一个缩放因子，后代元素会继承这个缩放因子而不是计算值。默认值：normal继承性：yes版本：CSS1JavaScript 语法：object.style.lineHeight="2"实例设置以百分比计的行 阅读全文

摘要：1、效果 2、代码input[type="password"],input[type="text"] { color:#333; line-height:normal; font-family:"Microsoft YaHei",Tahoma,Verdana,SimSun; font-style:normal; font-variant:normal; font-size-adjust:none; font-stretch:normal; font-weight:normal; margin-top:0px; margin-botto 阅读全文

摘要：Centering thingsA common task for CSS is to center text or images. In fact, there are three kinds of centering:Centering lines of textCentering a block of text or an imageCentering a block or an image verticallyCentering lines of textThe most common and (therefore) easiest type of centering is that 阅读全文

摘要：1、个性化的圆角代码许多CSS开发者都非常熟悉圆角语法，但如何为每个角设置不同的值？不如看看下面这段代码吧！#container { -webkit-border-radius: 4px 3px 6px 10px; -moz-border-radius: 4px 3px 6px 10px; -o-border-radius: 4px 3px 6px 10px; border-radius: 4px 3px 6px 10px;}/* alternative syntax broken into each line */#container { -webkit-bo... 阅读全文

摘要：p:first-letter{ display: block; margin: 5px 0 0 5px; float: left; color: #ff3366; font-size: 5.4em; font-family: Georgia, Times New Roman, serif;} 阅读全文

只有注册用户登录后才能阅读该文。