CSS
文章平均质量分 52
大爱无疆强
这个作者很懒,什么都没留下…
展开
-
CSS强制性换行
一般情况下,元素拥有默认的white-space:normal(自动换行,PS:不换行是white-space:nowrap),当录入的文字超过定义的宽度后会自动换行,但当录入的数据是一堆没有空格的字符或字母或数字(常规数据应该不会有吧,但有些测试人员是会这样子做的),超过容器宽度时就会把容器撑大,不换行。 解决方法(以IE,chrome,FF为测试浏览器): { word-break:转载 2013-07-25 11:22:03 · 605 阅读 · 0 评论 -
CSS禁止文字选择
user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/转载 2014-05-15 16:24:07 · 673 阅读 · 0 评论 -
css hack
.style { width:100px; /*火狐以及一般浏览器*/ width:200px\9; /*IE8*/ *width:150px; /*IE7*/ _width:50px; /*IE6*/ height:100px; border:1px solid red; }转载 2014-04-04 00:08:24 · 760 阅读 · 0 评论 -
-webkit-tap-highlight-color 属性
这个属性可以指设置透明度。如果未设置透明度,iOS上的Safari会给予颜色一个默认的透明度。把透明度设为0,则会禁用此属性。如果你把透明度设为1,元素将会不可见。只用于iOS(iPhone和iPad),是点击反馈时的区域背景,或者是点击时的高亮背景颜色。 语法 -webkit-tap-highlight-color: color 取值 color 颜色。转载 2013-11-27 12:56:21 · 1772 阅读 · 0 评论 -
css 网站内部优化之样式表(CSS)定义和命名规范
css 网站内部优化之样式表(CSS)定义和命名规范 SEO流程中对代码的优化是一个很关键的初级步骤,有必要对目前流行的CSS+DIV的命名规则规范化。 需要注意的是,在css文件里进行样式命名的时候,应尽量避免使用英文”_”作为分隔符,用英文”-”代替。 原因:搜索引擎(谷歌和百度)对英文”_”(下划线)的处理几乎相同,谷歌把它处理成空格符,类似程序中的NULL。而英文”转载 2013-11-22 10:46:19 · 1115 阅读 · 0 评论 -
csshack
CSS Hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题。 IE6789 CSS Hack selectors{ properties:values\9; /* ie6789 */ properties:values\0/; /* ie89 */ =properties:values;转载 2013-10-24 12:45:52 · 636 阅读 · 0 评论 -
Firefox专属hack的写法
之前只有ie6、ie6、firefox时,只要写!important就能够零丁给firefox做hack了,可是此刻多了ie八、opera、chrome等这些个所说的规范浏览器后,firefox能熟悉的工具它们都熟悉,偏生firefox有个致命的bug就是不撑持input的line-height属性,于是我又犯合计了,怎么办怎么办怎么怎么办呢? 网上搜刮一大圈,终于发明1个好措施,那就是@-mo转载 2013-09-12 00:05:43 · 829 阅读 · 0 评论 -
CSS3实现水平垂直居中
水平垂直居中的制作大家都有碰到过,水平居中方法好处理,但是垂直居中的话还是让很多人头痛过,我也碰到很多盆友来询问如何让元素水平垂直居中。前面也专门讨论过如何让图片,单行文本和多行文本实现各种浏览器的水平垂直居中的方案。 前面在《CSS制作图片水平垂直居中》和《CSS制作水平垂直居中对齐》两篇文章中和大家一起探讨过多种实现方法,以及兼容ie浏览器。这次在iPhone项目中实现弹出窗口水平垂直居中,转载 2013-09-11 23:10:06 · 724 阅读 · 0 评论 -
CSS中的各种缩写
摘要 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。 css缩写的主要规则如下: 颜色 color 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: 1 2 3 4 property:value1; /*表示所有边都转载 2013-08-11 23:16:16 · 1071 阅读 · 0 评论 -
CSS布局奇淫技巧之-高度自适应
何为高度自适应? 高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单,在兼容浏览器方面也稍微复杂一些。 布局思路 在IE7+及chrome、firefox等浏览器中,高度自适应可以利用绝对定位来解决。但一个元素是绝对定位时,如果没有给它设定高度或宽度,则它的的高度和转载 2014-05-12 20:50:28 · 609 阅读 · 0 评论