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

  •    4年前 (2015-07-09)  Web入门 Web开发 |   18 条评论  257 
    文章评分 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. Good post. I be taught something tougher on completely different blogs everyday. It’s going to always be stimulating to learn content from other writers and follow a little bit something from their store. I抎 favor to use some with the content on my weblog whether you don抰 mind. Natually I抣l give you a link in your web blog. Thanks for sharing.

      yeezy 评论达人 LV.1 1周前 (12-04) [0] [0]
    2. There are definitely a variety of details like that to take into consideration. That may be a nice level to deliver up. I offer the ideas above as common inspiration however clearly there are questions just like the one you carry up the place the most important thing will probably be working in sincere good faith. I don?t know if finest practices have emerged around issues like that, but I’m sure that your job is clearly recognized as a good game. Both girls and boys really feel the impression of just a second抯 pleasure, for the rest of their lives.

      jordan 4 评论达人 LV.1 2周前 (11-28) [0] [0]
    3. I抎 must examine with you here. Which isn’t one thing I often do! I enjoy reading a submit that can make people think. Additionally, thanks for allowing me to remark!

      hermes belt 评论达人 LV.1 2周前 (11-25) [0] [0]
    4. This site can be a stroll-by means of for all of the information you wished about this and didn抰 know who to ask. Glimpse here, and you抣l definitely uncover it.

      nike huarache 评论达人 LV.1 4周前 (11-16) [0] [0]
    5. 新魔界私服程序传世sf一条龙服务端46uv.comQQ1292124634

      魔域sf一条龙开服119uc.comQQ1292124634 评论达人 LV.1 9个月前 (03-19) [0] [0]
    6. 培训seo_seo免费培训_seo排名培训_seo排名优化_seo学习_seo实战企业站seo实战培训seo299.comQQ996934
      奇迹Musf一条龙开服a3sf.comQQ1285574370 http://www.a3sf.com/

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

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

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

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

      墨香sf一条龙服务端47ec.comQQ1285574370 评论达人 LV.1 12个月前 (12-20) [0] [0]
    11. 新魔界服务端_骑士服务端_烈焰服务端_破天服务端_决战服务端|美丽世界服务端_乱勇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 12个月前 (12-19) [0] [0]
    12. 美丽世界sf服务端_乱勇OLsf服务端_倚天2sf服务端_完美世界sf服务端_征服sf服务端奇迹Musf一条龙开服a3sf.comQQ1285574370
      魔兽私服一条龙服务端64uv.comQQ1292124634 http://www.64uv.com/

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

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

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

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

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

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

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

    登录

    忘记密码 ?

    切换登录

    注册