AmazeUI使用了12列的响应式网络系统。使用时需在外围容器上添加.am-g class,在列上添加.am-u-[sm|md|lg]-[1-12] class,然后根据不同的屏幕需求设置不同的宽度。 am-u-sm-* 0-640px am-u-md- ...
CSS 等分网格: 说明:.am avg sm 数字表示几等分会将子元素 lt li gt 的宽度设置为 。 只能用于 lt ul gt lt ol gt 结构 辅助类: 基本容器: .am container 水平滚动: .am scrollable horizontal内容超出容器宽度时显示水平滚动条。 垂直滚动: .am scrollable vertical内容超过设置的高度以后显示滚动条 ...
2017-04-12 14:45 0 1815 推荐指数:
AmazeUI使用了12列的响应式网络系统。使用时需在外围容器上添加.am-g class,在列上添加.am-u-[sm|md|lg]-[1-12] class,然后根据不同的屏幕需求设置不同的宽度。 am-u-sm-* 0-640px am-u-md- ...
amazeui学习笔记--css(HTML元素5)--表格Table 一、总结 1、基本样式:am-table;直接模块名 <table class="am-table"> 2、表格边框: 添加 .am-table-bordered 类。 <table class ...
amazeui学习笔记--css(常用组件6)--图标Icon 一、总结 1、关注用法即可:在 HTML 上添加添加 am-icon-{图标名称} class。 <span class="am-icon-weixin"> Wechat</span> 2、图标大小 ...
amazeui学习笔记--css(HTML元素1)--按钮Button 一、总结 1、button的基本使用:a、am-btn 在要应用按钮样式的元素上添加 .am-btn,b、颜色 再设置相应的颜色(例如:<button type="button" class="am-btn ...
amazeui学习笔记--css(HTML元素3)--表单Form 一、总结 1、form样式使用:在容器上添加 .am-form class,容器里的子元素才会应用 Amaze UI 定义的样式。 am-form. <form class="am-form"> 2、单选 ...
amazeui学习笔记--css(常用组件7)--输入框组Input-group 一、总结 1、使用:Input group 基于 Form 组件和 Button 组件扩展,依赖这两个组件。在容器上添加 .am-input-group,在标签文字上添加 ...
版心和布局流程 阅读报纸时容易发现,虽然报纸中的内容很多,但是经过合理地排版,版面依然清晰、易读。同样,在制作网页时,要想使页面结构清晰、有条理,也需要对网页进行“排版”。 “版心”是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示,常见的宽度值为960px、980px、1000px ...
目录 一、Grid布局简介 二、Grid布局的一些概念 三、 容器元素属性 1. grid-template-* 1.1 网格行和列的设置 1.2 repeat的使用 1.3 使用fr ...