amazeui学习笔记--css（常用组件1）--小徽章Badge

【amazeui学习笔记--css（常用组件1）--小徽章Badge】的更多相关文章

amazeui学习笔记--css（常用组件1）--小徽章Badge

amazeui学习笔记--css(常用组件1)--小徽章Badge 一.总结 1.am-badge:添加am-badge来声明小徽章对象 <span class="am-badge am-badge-primary">2</span> 2.badge位置:badge可以放在span或者a标签中 <a class="am-badge am-badge-primary">Free</a> 3.圆角样式或者椭圆样式:am-…

amazeui学习笔记--css（常用组件16）--文章页Article

amazeui学习笔记--css(常用组件16)--文章页Article 一.总结 1.基本使用:文章内容页的排版样式,包括标题.文章元信息.分隔线等样式. .am-article 文章内容容器 .am-article-hd 文章头部,包含标题.元数据等 .am-article-title 文章标题 .am-article-meta 文章元数据,如作者.发布日期等 .am-article-bd 文章正文部分 .am-article-lead 文章摘要.导读等信息 .am-article-divi…

amazeui学习笔记--css（常用组件8）--列表list

amazeui学习笔记--css(常用组件8)--列表list 一.总结 1.链接列表:就是多个链接在一起组成的列表, 使用 <ul> 结构嵌套链接列表,添加 .am-list.还是ui包着li的形式.<ul class="am-list">里面是各种含着a标签的li</ul> 2.文字截断:在 <a> 上添加 .am-text-truncate class 可以实现文字超出一行时截断为 ....这是在链接列表里面的文字截断. <u…

amazeui学习笔记--css（常用组件6）--图标Icon

amazeui学习笔记--css(常用组件6)--图标Icon 一.总结 1.关注用法即可:在 HTML 上添加添加 am-icon-{图标名称} class. <span class="am-icon-weixin"> Wechat</span> 2.图标大小: .am-icon-sm,放大 150% .am-icon-md,放大 200% .am-icon-lg,放大 250% 3.icon button:在 Icon 上添加 .am-icon-btn cl…

amazeui学习笔记--css（常用组件2）--面包屑导航Breadcrumb

amazeui学习笔记--css(常用组件2)--面包屑导航Breadcrumb 一.总结 1.am-breadcrumb:用am-breadcrumb来声明面包屑导航控件,.am-breadcrumb 面包屑导航. 2.breadcrumb形式:形式是ol里面内嵌li的形式 3.斜杠分隔符:默认分隔符是两个小大于号,斜杠分隔符的话要在ol中添加 am-breadcrumb-slash <ol class="am-breadcrumb am-breadcrumb-slash"…

amazeui学习笔记--css（常用组件15）--CSS动画Animation

amazeui学习笔记--css(常用组件15)--CSS动画Animation 一.总结 1.css3动画封装:CSS3 动画封装,浏览器需支持 CSS3 动画. Class 描述 .am-animation-fade 淡入 .am-animation-scale-up 逐渐放大 .am-animation-scale-down 逐渐缩小 .am-animation-slide-top 顶部滑入 .am-animation-slide-bottom 底部滑入 .am-animation-sli…