不常用但有用的css代码

1.禁止用户复制网页文本。 -webkit-user-select:none; 根据css手册。http://www.css88.com/book/css/properties/user-interface/user-select.htm IE6-9不支持该属性,但支持使用标签属性 onselectstart="return false;" 来达到 user-select:none 的效果;Safari和Chrome也支持该标签属性; 直到Opera12.5仍然不支持该属性,但和IE6-9一样,也支持使用私有的标签属性 unselectable="on" 来达到 user-select...

用css媒体查询、js等实现手机、平板横竖屏判断

//此为平板竖屏 @media (min-width: 768px) and (orientation: portrait) { body { background-color:cyan; } }   function judgeDirection(){ if(window.orientation==180||window.orientation === 0){ alert("手机为竖屏!"); } if(window.orientation==90||window.orientation==-90){ alert("手机为横屏!"); } } window.addEventListener("onorientationchange" in window ? "orientationchange" ...

CSS之overflow

overflow-x:hidden; 如果overflow-x和overflow-y的值相同,则等同于overflow。 如果overflow-x和overflow-y的值不同,且其中一个值被赋值为visible,另外一个被赋值为hidden,auto,scroll,则visible会被重置为auto。垂直方向会有滚动条的原因。 让overflow起作用: 1.非display:inline水平 2.对应尺寸的方位限制:width/height/max-width/max-height/absolute拉伸。 3.对应单元格td等,还需为table设置t...

CSS深入理解之absolute/relative部分-张鑫旭/慕课网

absolute和float同父异母的兄弟。相同的特性:包裹性,破坏性。 独立的absolute可摆脱overflow的限制,无论是滚动还是隐藏。 不受relative限制的absolute定位,行为表现上是不使用top/right/bottom/left任何一个属性或使用auto作为值。 在IE7下,任何元素绝对定位之后,都会inline-block化,即使之前是block水平,于是只会实现跟随性效果,不会换行显示。解决:在其元素外套一层没有任何设置的空div。 绝对...

《精彩绝伦的CSS》读书摘抄

1.各种调试工具的使用。 2.伪类pseudo-class,如:link等。CSS3目前新增了不少。伪元素pseudo-element;::first--line等。 区别在于影响文档的方式不同。 伪类:像给文档添加类;伪元素的效果像是有元素被插入到了文档中。 3.选择器的特殊性 元素描述符0,0,0,1; 每个类、伪类或者属性描述符0,0,1,0,; 每个ID描述符0,1,0,0; 每个级别的特殊性的值都是相互独立的。第一个0用于行内样式,且仅用于行内...