amazeui学习笔记--css(HTML元素5)--表格Table 一.总结 1.基本样式:am-table:直接模块名  <table class="am-table"> 2.表格边框: 添加 .am-table-bordered 类.  <table class="am-table am-table-bordered"> 3.圆角边框: 同时添加 .am-table-bordered . .am-table-radius,外层圆角边框通…

amazeui学习笔记--css(HTML元素4)--图片image 一.总结 1.响应式图片:随着页面宽度而变化 .am-img-responsive class. <img src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg" class="am-img-responsive" alt=""/> 2.圆角椭圆圆形样式和button里面一样:am-radius     …

amazeui学习笔记--css(HTML元素3)--表单Form 一.总结 1.form样式使用:在容器上添加 .am-form class,容器里的子元素才会应用 Amaze UI 定义的样式. am-form.     <form class="am-form"> 2.单选复选框:可以做成块级和行内元素: 块级显示时在容器上添加 .am-checkbox..am-radio class: 行内显示时在容器上添加 .am-checkbox-inline..am-radi…

amazeui学习笔记--css(HTML元素2)--代码Code 一.总结 1.行内代码:code标签<code> 2.代码片段:pre标签<pre> 3.限制代码块高度:添加 .am-pre-scrollable 限制代码块高度,默认为 24rem.是在pre标签里面加的class. <pre class="am-pre-scrollable"> ... </pre> 4.参考链接:最下面的参考链接是块好东西:各种插件 二.代码Cod…

amazeui学习笔记--css(HTML元素1)--按钮Button 一.总结 1.button的基本使用:a.am-btn 在要应用按钮样式的元素上添加 .am-btn,b.颜色 再设置相应的颜色(例如:<button type="button" class="am-btn am-btn-danger">红色按钮</button>). 2.a标签做button:各种元素都可以做button,<a class="am-btn…

amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非 衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块blockquote和定义列表(dl dt)注意一下 3.样式不能正常显示:拷贝过来的很多样式在博客中都不能正常显示 二.文字排版Typography 目录 字体 字体定义 字体辅助 Class Webkit 反锯齿 字体相关链接 元素基本样式 标题 <h1> - <h6> 段落 &l…

amazeui学习笔记--css(布局相关3)--辅助类Utility 一.总结 1.元素清除浮动: 添加 am-cf 这个 class 即可 2.水平滚动: .am-scrollable-horizontal 内容超出容器宽度时显示水平滚动条.  <div class="am-scrollable-horizontal"> 3.垂直滚动: .am-scrollable-vertical  4.浮动相关: .am-cf - 清除浮动 .am-fl - 左浮动 .am-fr …

amazeui学习笔记--css(布局相关1)--网格Grid 一.总结 基本使用 1.div+class布局:amaze里面采取的就是div+class的布局方式  <div class="am-g am-g-collapse"> 2.网格布局中的行和列:.am-g .am-u-xx-n 3.3种尺寸:sm md lg 4.从普通css到amaze: .am-g { margin: 0 auto; width: 100%; }   .am-g-fixed { max-wi…

amazeui学习笔记--css(基本样式2)--基础设置Base 一.总结 1.盒子模型:外margin,内padding,这里的内外指的边框 2.border-box:Amaze UI 将所有元素的盒模型设置为 border-box    -moz-box-sizing: border-box; 3.em和px:根据字号做相应变化的场景也使用了 em,需要像素级别精确的场景也使用了 px 4.字号设置:Amaze UI 将浏览器的基准字号设置为 62.5%,也就是 10px,现在 1rem…

amazeui学习笔记--css(基本样式)--样式统一Normalize 一.总结 1.统一浏览器默认样式: Amaze UI 也使用了 normalize.css,就是让不同浏览器显示相同的样式 2.Normalize.css:在默认的HTML元素样式上提供了跨浏览器的高度一致性. 二.样式统一Normalize 在统一浏览器默认样式上,Reset 一度非常流行,更有简单粗暴的通配符 reset :  Copy * { margin: 0; padding: 0; border:0; } 时…