原文:amazeui笔记-CSS 布局相关

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布局

  AmazeUI使用了12列的响应式网络系统。使用时需在外围容器上添加.am-g class,在列上添加.am-u-[sm|md|lg]-[1-12] class,然后根据不同的屏幕需求设置不同的宽度。    am-u-sm-* 0-640px am-u-md- ...

Wed Aug 26 22:21:00 CST 2015 0 10121
amazeui学习笔记--css(HTML元素5)--表格Table

amazeui学习笔记--css(HTML元素5)--表格Table 一、总结 1、基本样式:am-table;直接模块名 <table class="am-table"> 2、表格边框: 添加 .am-table-bordered 类。 <table class ...

Wed May 09 06:42:00 CST 2018 0 1294
amazeui学习笔记--css(常用组件6)--图标Icon

amazeui学习笔记--css(常用组件6)--图标Icon 一、总结 1、关注用法即可:在 HTML 上添加添加 am-icon-{图标名称} class。 <span class="am-icon-weixin"> Wechat</span> 2、图标大小 ...

Wed May 09 09:09:00 CST 2018 0 1898
amazeui学习笔记--css(HTML元素1)--按钮Button

amazeui学习笔记--css(HTML元素1)--按钮Button 一、总结 1、button的基本使用:a、am-btn 在要应用按钮样式的元素上添加 .am-btn,b、颜色 再设置相应的颜色(例如:<button type="button" class="am-btn ...

Tue May 08 23:26:00 CST 2018 0 1984
amazeui学习笔记--css(HTML元素3)--表单Form

amazeui学习笔记--css(HTML元素3)--表单Form 一、总结 1、form样式使用:在容器上添加 .am-form class,容器里的子元素才会应用 Amaze UI 定义的样式。 am-form. <form class="am-form"> 2、单选 ...

Wed May 09 00:36:00 CST 2018 0 1115
amazeui学习笔记--css(常用组件7)--输入框组Input-group

amazeui学习笔记--css(常用组件7)--输入框组Input-group 一、总结 1、使用:Input group 基于 Form 组件和 Button 组件扩展,依赖这两个组件。在容器上添加 .am-input-group,在标签文字上添加 ...

Wed May 09 09:10:00 CST 2018 0 1578
css笔记之版心和布局流程

版心和布局流程 阅读报纸时容易发现,虽然报纸中的内容很多,但是经过合理地排版,版面依然清晰、易读。同样,在制作网页时,要想使页面结构清晰、有条理,也需要对网页进行“排版”。 “版心”是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示,常见的宽度值为960px、980px、1000px ...

Tue Jan 14 01:55:00 CST 2020 0 1054
CSS学习笔记:grid布局

目录 一、Grid布局简介 二、Grid布局的一些概念 三、 容器元素属性 1. grid-template-* 1.1 网格行和列的设置 1.2 repeat的使用 1.3 使用fr ...

Thu Nov 18 00:41:00 CST 2021 3 570
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM