原文:用腻了bootstrap的可以试试semantic-ui

semancti ui介绍 semantic ui是html css框架的新贵,是继bootstrap和foundation之后的又一css神器。semantic ui一出现在github上就受到火热的关注,一直在关注排行榜前列。semantic ui最大的特点:充分利用CSS 动画特效,简洁实用漂亮的样式这些都是其最受欢迎的原因之一。 扁平化设计 随着iOS 的发布,扁平化设计 flat de ...

2013-12-22 11:14 0 12168 推荐指数:

查看详情

semantic-ui 图标

  semantic-ui提供了很多的图标,基本常用的在官网上面都能找到。要想记住这么多图标是不可能的,但是也是有简便方法记忆。   首先,图标其实和按钮的区别基本没有,要说有的话,也就是基础样式的大小不同吧,按钮较大一点,当然也是可以加大小的值来设置。   学习semantic的图标 ...

Thu May 03 19:07:00 CST 2018 3 1811
semantic-ui 容器与栅格

  semantic中可以指定one-sixteen这16个单词来指定网格column所占的长度。也就是说,在网页中,一行最多只有16个column,超过16个之后,自动移到下一行。   栅格可以使用i,div,span标签,尽量不要使用button和p标签 1、定义栅格   注意,单独 ...

Thu May 03 23:43:00 CST 2018 0 866
semantic-ui的表单使用

semantic-ui 的表单使用 最近找了一款ui库,jquery可以使用的。可以进行个性化定制,感觉还不错。 现状 简单阐述下该ui的现状吧,目前止步于2.4的版本,github商讨了一波。大致是死掉了,很久没有再接着更新了,留下了一些问题。接着便有人基于该库进行继续迭代link,赞一个 ...

Fri Nov 01 02:39:00 CST 2019 0 754
14、Semantic-UI之菜单样式

14.1 基础菜单样式   在Semantic-UI中使用class="ui menu"。 示例:定义基础菜单样式 示例:定义右移动导航 示例:在菜单中加入输入框 14.2 垂直菜单样式   在网页中,一般后台界面使用垂直菜单比较多,但是这种菜单的定义比较简单。 示例 ...

Thu Jan 17 05:37:00 CST 2019 0 1404
semantic-ui 输入框

1、标准输入框   semantic-ui中定义输入框需要将input标签包含于另外一个标签内,外层标签的class为ui input,注意外层标签可以是div,span、p、i。 <div class="ui input"> <input type="text ...

Fri May 04 18:25:00 CST 2018 0 1115
2、Semantic-UI之网格布局

2.1 网格布局   在semantic-ui中提供了16个网格,使用class="column",当然也可以通过数字来表示当前网格大小。   在Semantic-UI中定义的网格一共16个,可以设置不同大小的网格,同时也可以使用数字来指定单个网格的大小。 示例:定义16个网格 16 ...

Thu Jan 17 05:25:00 CST 2019 0 775
13、Semantic-UI之表格与表单

13.1 定义基础样式表格   在HTML中可以通过table进行表格定义,在Semantic-UI中也可以通过class="ui table"定义表格。 示例:定义基础表格 示例:定义基础样式表格 示例:定义带标签的表格样式 13.2 表格的状态 ...

Thu Jan 17 05:36:00 CST 2019 0 994
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM