w3.css-2015最新css框架

上海网站建设公司公司活动 2017-09-05 次

w3.css 是由w3schools在本年度推出的最新css框架

grid系统与bootstrap类似, 宽度定义的class省略了前缀, 变得更为简洁

例如bootstrap设定电脑4等份,平板3等份, 手机2等份, 我们会写 col-md-3 cold-sm-4 col-xs-6, 而w3.css则简短得多: w3-col l3 m4 s6

w3.css的responsive临界点是600px,992px, 分成3层级, 而bootstrap的临界点则是768px,992px,1200px, 分成了4个层级

w3.css说明他们的创作灵感来自google的material design, 我特别喜欢他们的色彩系统, 共提供19色并且每款皆有原色,亮色5度及暗色4度, 连同黑色总共172只颜色的预定义

1 (1).png

w3.css才发布不久, 所提供的样式并不算很多, 相信未来还会有更多的发展, 让我们拭目以待

该文章由上海垒越科技网站建设http://www.lvon8.com原创编写，转载请保留此地址！否则视为侵权，谢谢合作！