font-size-adjust这个有用的CSS3属性目前只有Firefox支持。我们可以用它来设定指定元素的文字大小(font-size)应该相对于小写字母的高度(x-height)而不是大写字母的高度(cap height)。比如，Verdana比同型号的Times字体更清晰，它有着更矮的x-height。为了弥补这个缺陷，我们可以用font-size-adjust属性来纠正后者。该属性在拥有不同的x-height的字体上非常有用。即便你在小心的使用小号字体，在问题出现时font-size-adjust也能提供...
-webkit-user-select 和 -moz-user-select或许你常常不希望用户在你的网站上选择文本，无论是否是出于版权的原因。通常大家会有js来实现，另一个方案就是，将-webkit-user-select 和-moz-user-select 的值设为none。请谨慎使用这个属性：因为大部分用户是来查看信息的，他们可以复制并存储下来以备将来之用，所以这种方法既无用也无效。如果你禁用了复制粘贴功能，用户还是可以通过查看源文件来获取到他们想要的内容。搞不懂这个属...
counter-increment你是否经常希望你可以让一个有序列表或者一篇文章的所有标题自动编号？不幸的是，目前尚未有CSS3属性支持。但是在CSS 2.1中，counter-increment 提供了一个解决方案。这就意味着它已经出现好些年了，而且在IE8中就已经支持了。配合:before 伪元素和content 属性，counter-increment可以为所有的HTML标签添加自动的编号。即便是嵌套的编码也是支持的。示例要给标题编码，先将计算器重设一下: body {counter-rese...
CSS3中有关于Border的属性一共有三个：圆角border-radius，图片边框border-image,边框多颜色border-color，其中圆角border-radius是常用的一个属性，而且现在很多网站制作圆角效果都使用border-radius来实现。 /*我们可以分别给各边上色*/border-top-color: <color>/*给上边框上色*/border-right-color: <color> /*给右边框上色*/border-bottom-color:<color> /*给下边框上色*/border-left-color: <color> /*给左框上色*/上面展示的...
你对CSS2.0中page-break-after属性用法是否了解，这里向大家简单描述一下，CSS中page-break-after属性有auto默认，always，avoid和inherit等几个选择项，下面请看他们的具体用法介绍。CSS2.0中page-break-after属性用法page-break-after是CSS中用来设置打印分页的CSS属性，支持所有的浏览器。page-break-after有以下几个选择项：◆auto默认。如果必要则在元素后插入分页符。◆always在元素后插入分页符。◆avoid避免在元素后插入分...
在CSS3里引入的很多新特征中，这篇文章主要介绍了css3图片边框border-image的用法,具有一定的参考价值，有兴趣的可以了解一下对于CSS属性 border ，相信所有的WEB开发人员都非常熟悉。我们可通过设置HTML元素的 border 的宽度、颜色、样式，来让HTML元素表现出不同的边框，比如双线、虚线、圆点线。但不管你怎么设置，这些都是一些非常原始的做法。从CSS3起，我们有了一个新的属性： border-image ，它能让你用漂亮的小图片来围绕H...
请问CSS中marker-offset，marker是什么意思？它起到什么作用？和用法？名称：marker-offset分类：列表简述：设置marker类容器的水平间距概述：marker-offset是设置marker类容器的水平间距的样式(Style)。 marker-offset详细说明语法：marker-offset : auto | length取值：auto :? 默认值。浏览器自动设置间距length :? 由浮点数字和单位标识符组成的长度值。可为负值。说明：此样式尚未被广泛支持marker:标识,标志marker-offset即两...
border-bottom（指定下边线的样式、宽度及颜色）border-bottom: 值；border-bottom-style:值;border-bottom-color: 值;border-bottom-width:值;如：border-bottom: solid 1px #ffff00;border-bottom-style: outset;border-bottom-color: #0000ff;border-bottom-width:15px;border-bottom属性用于指定下边线的样式、宽度及颜色，值之间用半角空格间隔，没有先后顺序。关于border-bottom属性的样式的值，具体可参照边线的样式。边线的...
align-content作用:会设置自由盒内部各个项目在垂直方向排列方式。条件:必须对父元素设置自由盒属性display:flex;，并且设置排列方式为横向排列flex-direction:row;并且设置换行，flex-wrap:wrap;这样这个属性的设置才会起作用。 设置对象:这个属性是对她容器内部的项目起作用，对父元素进行设置。取值:stretch:默认设置，会拉伸容器内每个项目占用的空间，填充方式为给每个项目下方增加空白。第一个项目默认从容器顶端开始排列。<...
前面的话 轮廓outline处在边框边界的外面，它不像边框那样参与到文档流中，因此轮廓出现或消失时不会影响文档流，即不会导致文档的重新显示。利用轮廓，浏览器可以合并部分轮廓，创建一个连续但非矩形的形状。默认地，轮廓是一个动态样式，只有元素获取到焦点或被激活时呈现 [注意]IE7-浏览器不支持 轮廓样式 与边框类似，轮廓最基本的方面是样式，如果一个轮廓没有样式，轮廓将根本不会存在。与边框不同的是，值少了一个...
table-layout:fixed 属性的用法:如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)，以达到使过长的文字不撑破表格的目的，一般是使用样式：table-layout:fixed。但是在Firefox下面，会有一些问题，参考Gmail的一些做法，做了几个测试，得出一种解决办法。 例1：(IE浏览器)普通的情况CODE:<table border="1" width="80"><tr><td>abcdefghigklmnopqrstuvwxyz 1234567890</td></t...
大多数的CSS属性都很容易使用。常常，当您对标记语言的元素使用CSS属性时，产生的结果会随着您刷新页面而立即呈现。而另一些CSS属性，却会有一些复杂，且只能在给定的环境下才会工作。Z-index属性便属于上面所说的后面的那一组。Z-index无疑的比其他任何属性都会频繁的导致（兼容性）上的混乱和（开发者心理上）的挫败感。但滑稽的是，一旦你真正理解了Z-index，你会发现它却是一个非常容易使用的属性，并且会为解决很多layout方面...
正确的使用p布局属性之position属性Position的英文原意是指位置、职位、状态。也有安置的意思。在CSS布局中，Position发挥着非常重要的作用，很多容器的定位是用Position来完成。Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。我们下面来共同学习它们的不同的用法，在学习中我们应该去思考在什么布局情况下，应该使用它们其中的哪一种。更多关于Position属性的资料请参考这里。◆p布局属性之position...
1：上边偏移属性 用来定义元素顶部偏移位置的大小。top: auto | length | percent <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title> CSS属性实例 </title><meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><style>p{top: 100px;position: absol...
在用CSS+p进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：先看下各个属性值的定义：1、static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。2、relative（相对定位）：生成相对定位的元素，通过top,bottom,left,right的设置相对于其正常（...