随笔分类 - Semantic-UI
1
摘要：20.1 实现数据验证 在很多前端框架中都提供了数据验证的操作，比如jQuery的验证框架等，但是jQuery的验证框架js文件太多；在使用Semantic UI框架的时候只需要导入 文件就可以实现数据验证，当然必须导入jQuery才可以。 示例：定义表单 示例：定义验证规则
阅读全文
摘要： 在Semantic UI中定义了很多图片动画效果，可以直接使用。 示例：定义图片动画
阅读全文
摘要： 在很多的前端开发框架中都会有提供分页插件，但是分页插件的使用如果手动编写还是比较复杂的。使用Semantic UI中的分页插件更加简单方便。分页插件的使用必须要和后台结合。 示例：定义分页插件
阅读全文
摘要： 在使用进度条的时候也是必须要结合项目中ajax和后台数据结合使用的。 示例：定义基础进度条 示例：改变进度条颜色 示例：设置进度条大小
阅读全文
摘要：15.1 面包屑导航 在Semantic UI中有多种样式实现面包屑导航，类似 / 等。 示例：定义定义基础面包屑导航 示例：第二种面包屑导航 示例：设置面包屑大小 示例：设置面包屑状态 15.2 信息提示框 在Semantic UI中可以向boots
阅读全文
摘要：16.1 定义模态窗口 示例：定义基础的模态窗口 示例：为模态窗口添加关闭按钮 示例：设置模态窗口的大小
阅读全文
摘要：14.1 基础菜单样式 在Semantic UI中使用 。 示例：定义基础菜单样式 示例：定义右移动导航 示例：在菜单中加入输入框 14.2 垂直菜单样式 在网页中，一般后台界面使用垂直菜单比较多，但是这种菜单的定义比较简单。 示例：定义垂直菜单 示例
阅读全文
摘要：13.1 定义基础样式表格 在HTML中可以通过table进行表格定义，在Semantic UI中也可以通过 定义表格。 示例：定义基础表格 示例：定义基础样式表格 示例：定义带标签的表格样式 13.2 表格的状态 在Semantic UI中所有的状态
阅读全文
摘要：11.1 分割线的定义 示例：定义分割线 分割线 竖线并加入or 定义水平线
阅读全文
摘要：12.1 基础输入框 在Semantic UI中可以定义多个样式的输入框，可以将图片与输入框结合，输入提示信息文字，设置输入框的状态。 示例：定义基础输入框 示例：定义输入框的状态 12.2 图标与输入框结合现实 示例：定义图标输入框 示例：定义输入框与标签结合现实 12.3
阅读全文
摘要：10.1 图片的使用 定义有边框的图片样式 图片圆角显示 设置图片椭圆形显示 10.2 图片的状态和大小设置 在Semantic UI中定义了图片的两种状态，激活和禁用。 示例：设置拖欠状态 激活状态 禁用状态 示例：图片大小设置 10.3 图片浮动
阅读全文
摘要：9.1 定义基础的标题样式 在Semantic UI中定义了5种标题样式，h1~h5。 示例：基础样式定义 示例：定义不同大小的标题 通过代码可以发现，此时的操作会根据字体大小设置的不同来决定标题文字的大小。 9.2 图标与标题样式 &em
阅读全文
摘要：8.1 其他按钮样式定义 示例：定义其他按钮样式 定义圆形图标按钮样式 定义椭圆图标按钮样式 按钮的状态 激活状态 按钮的状态 锁定状态 在定义按钮状态的时候，必须要有jQuery的支持。 示例：定义不同颜色的按钮样式 定义不同颜色的按钮 按钮颜色反转 示例：定义条件按钮 示
阅读全文
摘要：7.1 图标按钮 Semantic UI中可以定义一组图标样式，并且可以在按钮中使用图标。 示例：定义一个图标按钮 示例：定义一组图标按钮 示例：定义一组垂直图标按钮
阅读全文
摘要：6.1 动画按钮样式 在Semantic UI中提供了三种动画样按钮式表，分别为： 1. 左右移动 2. 上下移动 3. 淡入淡出 在实际开发中，很少使用这种动画按钮，根据实际情况使用，强制使用到页面中反而不太适合。 示例：左右移动按钮样式 示例：上下移动按钮样式 示例：淡入
阅读全文
摘要：5.1 基础按钮样式 在Semantic UI中定义了很多的按钮样式，可以通过 来指定，也可以在class中指定颜色。 示例：定义基础按钮样式 基础样式的按钮 效果图： 改变按钮颜色 示例：使用不同标签定义按钮样式 span按钮样式 div按钮样式 在
阅读全文
摘要：3.1 定义容器 在主流的前端框架中都会有容器的概念，但是在Semantic UI中，如果要定义容器需要通过 ，定义容器后，浏览器会根据不同的像素值判断当前网格的显示大小。 实例：定义容器 通过定义容器可以发现，定义完容器的页面两边会有边距。没有定义容
阅读全文
摘要：4.1 图标的使用 在Semantic UI中定义了很多的图标样式，这些图标样式可以通过 "官网查看名称" （官网中名称首字母都是大写的，但是在实际使用中全部都是小写使用的）； 实例：图标样式 定义基础图标样式 效果图： 修改图标颜色 在使用图标的时候
阅读全文
摘要：1. 下载webstrom（其他的任何可以进行前端开发的软件都可以） "Download WebStorm: The Smartest JavaScript IDE by JetBrains" 2. 安装并激活webstrom 官网购买正版激活码或者使用其他可用的授权服务器。 3. CDN加载CSS
阅读全文
摘要：2.1 网格布局 在semantic ui中提供了16个网格，使用 ，当然也可以通过数字来表示当前网格大小。 在Semantic UI中定义的网格一共16个，可以设置不同大小的网格，同时也可以使用数字来指定单个网格的大小。 示例：定义16个网格 16个
阅读全文
1
