• 网站刚刚上线,难免有不足的地方,敬请谅解!欢迎提出宝贵意见!

  •    3年前 (2015-07-09)  Web入门 Web开发 |   4 条评论  250 
    文章评分 1 次,平均分 5.0

    以下是常用的代码收集,没有任何技术含量,只是填坑的积累。转载请注明出处,谢谢。

    因为提交比较麻烦,后来转置github:https://github.com/jsfront/src/blob/master/css.md

    一. css 2.x code

    1. 文字换行

    2. 两端对齐

    3. 去掉Webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框

    http://www.cnblogs.com/niao/archive/2012/09/07/2674511.html

    http://www.tuicool.com/articles/EZ777n

    去掉chrome记住密码后自动填充表单的黄色背景

    4. ie6: position:fixed

     

    5. clearfix

    http://www.daqianduan.com/3606.html

     

    6. seperate-table

     

    7. 光标大小:

    http://hi.baidu.com/jiuyuefenglin/item/dee35b080366f11cebfe3862

    8. min-height: 最小高度兼容代码

    9. 鼠标不允许点击:

    10. mac font: osx平台字体优化

    11. 省略号:

    二. css 3 code

    1. 渐变:

     

    2.投影:

    看哪个startColorstr和endColorstr,一共8位,后6位是RGB的颜色代码,前两位是16进制的

    比如60%透明,就是256x0.6=154,再换算成16进制=9A
    background-image:-ms-linear-gradient(top, #fff, #ddd); ie10渐变
    http://www.iefans.net/ie10-yulanban-css3-jianbian/

    alpha透明兼容代码生成:

    http://leegorous.net/tools/bg-alpha.html

    16进制的转换

    http://www.zhangxinxu.com/wordpress/2010/05/rgba%E9%A2%9C%E8%89%B2%E4%B8%8E%E5%85%BC%E5%AE%B9%E6%80%A7%E7%9A%84%E5%8D%8A%E9%80%8F%E6%98%8E%E8%83%8C%E6%99%AF%E8%89%B2/

    透明兼容

    3. search占位

    http://www.qianduan.net/search-box-style-custom-webkit.html

    4

    5. 渐变

    http://www.colorzilla.com/gradient-editor/

    有全部浏览器的兼容代码生成

     

    http://segmentfault.com/a/1190000000362621

    CSS 实现 textArea 的 placeholder 换行

     

    6.阻止默认事件

    7. 变灰 gray:

    8. firefox 阻止选中:

    9. 箭头

    ie6 bug测试,把border-style设为dashed.

    10. 取消textarea右下角可拖动手柄:

    11. 取消chrome form表单的聚焦边框:

    12. 取消a链接的黄色边框:

    13. 渐变

    14.chrome字体缩小:

    15. webkit 水平居中:

    16. 取消chrome 搜索x提示:

     

    17. autofill:

    http://stackoverflow.com/questions/2338102/override-browser-form-filling-and-input-highlighting-with-html-css

    css 填坑常用代码分享

     

    18. 手机版本网页a标记虚线框问题

    19. 焦点去除背景:

    20. placeholder占位符颜色自定义

      
     

    本文原始地址:http://www.coderonline.net/css-fill-share-common-code.html

    本站所有文章,除特别注明外,均为本站原创,转载请注明出处来自http://www.coderonline.net/

    否则保留追究法律责任的权利!

    发表评论

    表情 格式
    1. css不懂,纯支持

      麦子熟了 博 主 3年前 (2015-07-10) [0] [0]
    2. 信息量有点大,慢慢掘。

      angel 评论达人 LV.5 3年前 (2015-07-09) [0] [0]
    3. css这种语法用的还挺多的

      raul 评论达人 LV.5 3年前 (2015-07-09) [0] [0]
    4. 好用,在写html时可以用

      ghost045 评论达人 LV.5 3年前 (2015-07-09) [0] [0]
    切换注册

    登录

    忘记密码 ?

    切换登录

    注册