随笔分类 - CSS
摘要：单行文字溢出，CSS样式 多行文字溢出，CSS样式
阅读全文
摘要：例子：<div id="t1" style="position:absolute;top:100px;left:100px;border:1px red solid;">xxxxxxx</div>先将t1浮动起来，若是t1被某个元素t2遮挡住了，不要着急，解决办法如下：1.设置t1的style="z-index:1000;"2.设置t2的style="wmode:transparent;"即可。
阅读全文
摘要：/*by 司徒正美 All rights reserve*/* {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 *//* 通配符选择器权重为0，在IE中，它无法区分元素节点与注释节点 */li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 *//* 标签选择器为1 */li:first-line {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 *//* 标签选择器与伪元素为1 */ul li ...
阅读全文
摘要：首先，layout-flow:也是控制对象文本内容的流向（但是这个属性可以被writing-mode属性替换）在css中writing-mode和direction都是用来设置文本的展现方式的，两者有些共同点又有本质的区别。下面先介绍一下两者的用法：writing-mode语法：writing-mode : lr-tb | tb-rl参数：lr-tb : 左-右，上-下tb-rl : 上-下，右-左说明：设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右，上-下的书写方式。但是亚洲语言常有上-下，右-左的书写方式。当此属性值发生变化时，text-align属性与vertical-al
阅读全文
摘要：语法： text-overflow:clip|ellipsis参数： clip: 不显示省略标记（...），而是简单的裁切 （clip这个参数是不常用的！） ellipsis: 当对象内文本溢出时显示省略标记（...） 说明： 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。 请您注意，text-overflow:ellipsis属性在FF中是没有效果的。注意：单独定义text-overflow属性是没有任何效果的示例： div{text-overflow:clip;} text-overflow是一个比较特殊的样式，我们可以用它代替我们通常所用的标题截取函数，...
阅读全文
摘要：注释：Internet Explorer 7 （以及更高版本）在规定了 !DOCTYPE 的情况下支持属性选择器。IE6 及更低的版本不支持属性选择器。[title]{color:red;} //为带有 title 属性的所有元素设置样式：[title="website"]{color:red;} //为 title="W3School" 的所有元素设置样式：[title~=hello]{color:red;} //为包含指定值的 title 属性的所有元素设置样式。适用于由空格分隔的属性值：[title|=hello]{color:red;} //ti
阅读全文
摘要：css1支持的伪类：:active //向被激活的元素添加样式。:hover //当鼠标悬浮在元素上方时，向元素添加样式。:visited //向已经被访问的链接添加样式。:link //向未被访问的链接添加样式。css2新增的伪类：:first-child //向元素的第一个子元素添加样式。:focus //向拥有键盘输入焦点的元素添加样式。:lang //向带有指定 lang 属性的元素添加样式。:left //:right //提示：最常见的错误是认为 p:first-child 之类的选择器会选择 p 元素的第一个子元素。注释：必须声明<!DOCTYPE>，...
阅读全文
摘要：<ul> <li>button1</li> <li>button1</li> <li>button1</li> <li>button1</li></ul><style type="text/css"> ul{border:1px green solid;list-style:none;} ul li{float:left;border:1px red solid;padding:2px 5px;margin-right:5px;} </s
阅读全文
