HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 教程视频 CSS3教程 查看内容

148个资源让你成为CSS专家(下)

2016-8-24 10:34| 发布者: Hyukoh| 查看: 8974| 评论: 2|原作者: grace_xhw|来自: SegmentFault

摘要: 收集了100多个精通CSS的资源,它们能让你更好地掌握CSS技巧,使你的布局设计脱颖而出。

     教程与技巧














  •   CSS 图片地图  — 一个用 CSS 和 XHTML 创建图片地图的教程。










  •   固定中心  — 一个简短的教程,教你如何在窗口正中心(垂直与水平)定位某些元素。




  模板与框架


  •   1Kb大的CSS栅格  — 这也许是最简单最紧凑的栅格系统了,但包含了自定义栅格的工具。



  •   CSS Zen Garden  — CSS Zen Garden 是一个 HTML 和 CSS 框架,用于展示大量能用CSS创建的设计。除了框架之外,还有大量可用的模板和主题。



  •   960栅格系统  — 一个基于960像素宽构建的CSS栅格布局。



  •   免费CSS模板  — 该网站提供了200多个CSS模板,都遵循知识共享署名许可协议。



  •   漂亮免费的CSS模板  — 几十个模板让你着手CSS设计,包括动态居中盒子、4栏不定宽布局、宽度固定的盒子上下左右完全居中等。


  •   小型盒子  — 收藏了各种布局的CSS文件。







  画廊与陈列


  •   CSS Stars  — 画廊提供了一些基于CSS的设计,让你熟读掌握。



  •   CSS Based  — 上千个不同设计的CSS画廊。


  •   CSS Drive  — 一个分类的CSS画廊。


  •   CSS Mania  — 一个已经有5年历史的CSS画廊。



  •   CSS Creme  — 大量可以根据颜色、分类或者设计师划分的画廊,也包括相关的教程和信息。


  •   csswebsite  — 一个可以通过类型、日期或者颜色帅选的画廊。




  •   CSS美丽画廊  — 该CSS画廊的条目是从2004年至今的,按年代顺序排列。



  工具


  •   Firebug  — 火狐浏览器的一个插件,你可以在该调试器里面看到你的CSS代码,并且可以在里面编辑。



  •   Aardvark  — 火狐浏览器的扩展,可以看到每段HTML及它的类或者id。


  •   Aardvark  — 火狐浏览器的扩展,可以看到每段HTML及它的类或者id。


  •   CSSViewer 1.0.3  — 也是火狐浏览器的扩展工具,你可以看到任何页面的CSS属性。


  •   GridFox  — 火狐浏览器的另一个扩展,通过在任何网页覆盖一层栅格来辅助栅格设计。


  •   CodeBurner  — 开发的一款插件,可以在浏览器中看到HTML和CSS的参考资料。



  •   IzzyMenu  — 一个免费的CSS菜单创建器,支持创建下拉二级菜单。



  •   CleanCSS  — 一款CSS美化工具。


  •   CSS浏览器选择器  — A useful tool for empowering CSS selectors based on the visitor’s browser.一款有用的工具,可以基于访问者的浏览器来使用CSS选择器。



  •   CSS 布局生成器  — 一个简单、在线的CSS生成器,可以创建一个基础的布局框架。


  •   CSSTidy  — 一款开源的、可供下载的CSS分析器和优化器。



  •   CSS驱动CSS压缩器  — 一款CSS压缩工具,根据你的需求,可以有基础和高级的压缩模式。


  •   Tabifier  — 缩进你的代码。


  •   CSSFly  — 基于浏览器的CSS和XHTML编辑器,可以实时编辑。



  •   List-O-Matic  — 一款可以创建基于列表的导航菜单。


  •   Markup Maker  — 根据你输入的页面ID来创建一个有效的XHTML/HTML框架。


  •   CSSMate  — 一款在线CSS编辑器。




  •   Construct 0.5  — 一款可视的,可以基于蓝图框架创建的布局工具。



  •   PXtoEM.com  — 一个把px转换成em的转换工具。



  •   YAML构建器  —  一个创建YAML布局的可视工具。



  •   CSS工具列表  — 列出了大量的CSS工具,从字体到优化。




  特殊的CSS博客和网站


  •   CSS技巧  — 来自Chris Coyier的博客。


  •   CSS Help Pile  — 不断收集CSS相关的教程和资源。




原文作者:grace_xhw
更多

鲜花

握手

雷人

路过

鸡蛋

相关阅读

发表评论

最新评论

引用 linedd963 2017-4-6 22:15
茶,要喝濃的,直到淡而無味,想交個朋友 :男人尋樂秘密基地+L I N E:d d 9 6 3
引用 加賴:good512 2016-12-21 00:45
正妹純兼職外約~約旅館/飯店/住家+LINE:good512 【看照約妹 買二送一】正妹純兼職外約~約旅館/飯店/住家+LINE:good512 【看照約妹 買二送一】正妹純兼職外約~約旅館/飯店/住家+LINE:good512 【看照約妹 買二送一】正妹純兼職外約~約旅館/飯店/住家+LINE:good512 【看照約妹 買二送一】正妹純兼職外約~約旅館/飯店/住家+LINE:good512 【看照約妹 買二送一】正妹純兼職外約~約旅館/飯店/住家+LINE:good512 【看照約妹 買二送一】正妹純兼職外約~約旅館/飯店/住家+LINE:good512 【看照約妹 買二送一】正妹純兼職外約~約旅館/飯店/住家+LINE:good512 【看照約妹 買二送一】

查看全部评论(2)

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-5-23 09:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部