码迷,mamicode.com
首页 > Web开发 > 详细

充分利用HTML标签元素 – 简单的xtyle前端框架

时间:2014-07-31 13:00:56      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:http   使用   strong   io   html   ar   div   htm   

xtyle框架充分利用语义化标签来做美化样式,兼容多款主流浏览器,包括IE8。

xtyle框架虽然没BS这么强大,但我觉得也很实用,体积不算很大,适用于企业网站、WordPress主题、个人网站、博客等方面的应用,当然手机端也是适用哦!

bubuko.com,布布扣

框架下载地址:xtyle

栅格系统(Layout)

栅格系统我想很多人是比较关注的,这个xtyle的栅格系统很简单,也很实用和易用,栅格Class由.gird1-.grid10来控制。

bubuko.com,布布扣

布局简单用法

一栏布局

直接使用class="gird1"即可。

<div class="grid3">列1</div>

三栏布局

<div class="grid3">栏1</div>
<div class="grid3">栏2</div>
<div class="grid3">栏3</div>

所以如果你要2栏,每栏的class就用grid2,如此类推,使用很简单吧?

xtyle框架的一些元素样式

xtyle框架的样式我觉得很实用以及很齐全,语义化清晰,下面来自xtyle的一样截图。

基本排版样式

字体样式

bubuko.com,布布扣

标题样式

bubuko.com,布布扣

段落样式

bubuko.com,布布扣

颜色

bubuko.com,布布扣

提示样式

bubuko.com,布布扣

表单样式

bubuko.com,布布扣

单选按钮

bubuko.com,布布扣

bubuko.com,布布扣

多种按钮样式

bubuko.com,布布扣

传送门:xtyle | xtyle github

充分利用HTML标签元素 – 简单的xtyle前端框架,布布扣,bubuko.com

充分利用HTML标签元素 – 简单的xtyle前端框架

标签:http   使用   strong   io   html   ar   div   htm   

原文地址:http://www.cnblogs.com/axl234/p/3880295.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!