-
简单地说就是一些事先写好的css集合,你只需要给你的html元素加上一些特定的类就可以快速的得到一些想要的效果。 简单、快速、方便、避免CSS中的各种坑 Semantic UI是一款语义化嘚前端UI的开发技术框架,Semantic是围绕自然交流语言而架构的这使得UI的开发技术更加直观、易于理解。
Semantic UI把词语和类看成一个个可以任意组合的概念使用如:名词/修饰语,文字序列以及诸多的自然语法来定义类名
vertical:去掉边框的圆角、阴影和缝隙 inverted:颜色需要反选填充
ui grid是Semantic框架中用來进行页面动态布局的工具。
主要用法分为两种:定宽网格和定栏网格
-
定宽网格:页面一共16栏明确知道每一块横跨宽度
- semantic.css打开的话就可以洎动联想内部的组件。
- 左上角蓝色点表示没有保存
- 安装browser-plus插件能够直接在编辑器里面看到显示效果,点击闪电标签实时同步修改的效果
- 輸入lorem会自动生成被打乱顺序的拉丁字母用于填充。
本文由创作,采用 知识共享署名 3.0 中国大陆许可协议进行许可