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

  •    4年前 (2015-07-09)  Web入门 Web开发 |   14 条评论  256 
    文章评分 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. 新魔界私服程序传世sf一条龙服务端46uv.comQQ1292124634

    2. 培训seo_seo免费培训_seo排名培训_seo排名优化_seo学习_seo实战企业站seo实战培训seo299.comQQ996934
      奇迹Musf一条龙开服a3sf.comQQ1285574370 http://www.a3sf.com/

      奇迹Musf一条龙开服a3sf.comQQ1285574370 评论达人 LV.1 2个月前 (01-08) [0] [0]
    3. 成吉思汗私服服务端_剑侠世界私服服务端_全民奇迹私服服务端_挑战OL私服服务端传奇私服一条龙服务端49ic.comQQ1207542352
      魔兽私服一条龙服务端64uv.comQQ1292124634 http://www.64uv.com/

      魔兽私服一条龙服务端64uv.comQQ1292124634 评论达人 LV.1 2个月前 (01-07) [0] [0]
    4. {天龙服务端_奇迹Mu服务端_魔兽服务端_魔域服务端_墨香服务端|天堂2服务端_传奇3服务端_英雄王座服务端_千年服务端_征途服务端|
      天龙sf一条龙41ek.comQQ2488130950 http://www.41ek.com/

      天龙sf一条龙41ek.comQQ2488130950 评论达人 LV.1 3个月前 (01-04) [0] [0]
    5. 丝路传说sf程序_大话西游sf程序_蜀门sf程序_机战sf程序_剑侠情缘sf程序墨香sf一条龙服务端47ec.comQQ1285574370
      魔兽私服一条龙制作119uc.comQQ1292124634 http://www.119uc.com/

      魔兽私服一条龙制作119uc.comQQ1292124634 评论达人 LV.1 3个月前 (12-28) [0] [0]
    6. 丝路传说私服架设_大话西游私服架设_蜀门私服架设_机战私服架设_剑侠情缘私服架设魔兽私服一条龙制作119uc.comQQ1292124634
      墨香sf一条龙服务端47ec.comQQ1285574370 http://www.47ec.com/

      墨香sf一条龙服务端47ec.comQQ1285574370 评论达人 LV.1 3个月前 (12-20) [0] [0]
    7. 新魔界服务端_骑士服务端_烈焰服务端_破天服务端_决战服务端|美丽世界服务端_乱勇OL服务端_倚天2服务端_完美世界服务端_征服服务端|天堂服务端_传世服务端_真封神服务端_劲舞团服务端_天上碑服务端|永恒之塔服务端_仙境RO服务端_诛仙服务端_神泣服务端_石器服务端|冒险岛服务端_惊天动地服务端_热血江湖服务端_问道服务端_密传服务端|火线任务(Heat Project)服务端_飞飞OL服务端_洛汗服务端_天之炼狱服务端|丝路传说服务端_大话西游服务端_蜀门服务端_机战服务端_剑侠情缘服务端|绝对女神服务端_传说OL服务端_刀剑服务端_弹弹堂服务端_科洛斯服务端|魔力宝贝服务端_武林外传服务端_网页游戏服务端_页游服务端_希望OL服务端|成吉思汗服务端_剑侠世界服务端_全民奇迹服务端_挑战OL服务端|红月服务端_十二之天(江湖OL)服务端_倚天服务端_dnf服务端}天上碑开区一条龙服务端40fp.comQQ1292124634
      墨香sf一条龙服务端47ec.comQQ1285574370 http://www.47ec.com/

      墨香sf一条龙服务端47ec.comQQ1285574370 评论达人 LV.1 3个月前 (12-19) [0] [0]
    8. 美丽世界sf服务端_乱勇OLsf服务端_倚天2sf服务端_完美世界sf服务端_征服sf服务端奇迹Musf一条龙开服a3sf.comQQ1285574370
      魔兽私服一条龙服务端64uv.comQQ1292124634 http://www.64uv.com/

      魔兽私服一条龙服务端64uv.comQQ1292124634 评论达人 LV.1 3个月前 (12-19) [0] [0]
    9. 绝对女神私服制作_传说OL私服制作_刀剑私服制作_弹弹堂私服制作_科洛斯私服制作魔兽sf一条龙开服07iq.comQQ1285574370
      天堂2私服一条龙制作40fp.comQQ1292124634 http://www.40fp.com/

      天堂2私服一条龙制作40fp.comQQ1292124634 评论达人 LV.1 3个月前 (12-19) [0] [0]
    10. 成吉思汗开区服务端_剑侠世界开区服务端_全民奇迹开区服务端_挑战OL开区服务端新魔界sf一条龙42md.comQQ30171491
      [url=http://www.a3sf.com/]奇迹Musf一条龙开服a3sf.comQQ1285574370[/url]

      奇迹Musf一条龙开服a3sf.comQQ1285574370 评论达人 LV.1 4个月前 (11-20) [0] [0]
    11. css不懂,纯支持

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

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

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

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

    登录

    忘记密码 ?

    切换登录

    注册