微信扫一扫打赏支持
摘要: amazeui学习笔记--css(常用组件5)--评论列表Comment 一、总结 1、am-comment:使用am-comment来声明评论对象,这个是放在article里面的,虽然article也是div来的 2、comment基本结构如下: 3、评论列表:还是ul包着li的形式,<ul cl 阅读全文
posted @ 2018-05-08 23:43 范仁义 阅读(1018) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(常用组件4)--关闭按钮Close 一、总结 1、关闭按钮基本用法:关闭按钮样式,可以结合其他不同组件使用。对 <a> 或者 <button> 添加 .am-close class。<a href="#" class="am-close">&times;</a> 2 阅读全文
posted @ 2018-05-08 23:36 范仁义 阅读(758) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(常用组件3)--按钮组Button-group 一、总结 1、按钮组用法:把一系列要使用的 .am-btn 按钮放入 .am-btn-group 。 2、按钮工具栏:将 .am-btn-group 放进 .am-btn-toolbar,实现工具栏效果。 3、按钮组大 阅读全文
posted @ 2018-05-08 23:10 范仁义 阅读(1377) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(常用组件2)--面包屑导航Breadcrumb 一、总结 1、am-breadcrumb:用am-breadcrumb来声明面包屑导航控件,.am-breadcrumb 面包屑导航。 2、breadcrumb形式:形式是ol里面内嵌li的形式 3、斜杠分隔符:默认分 阅读全文
posted @ 2018-05-08 23:01 范仁义 阅读(229) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(常用组件1)--小徽章Badge 一、总结 1、am-badge:添加am-badge来声明小徽章对象 <span class="am-badge am-badge-primary">2</span> 2、badge位置:badge可以放在span或者a标签中 <a 阅读全文
posted @ 2018-05-08 22:54 范仁义 阅读(358) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(HTML元素5)--表格Table 一、总结 1、基本样式:am-table;直接模块名 <table class="am-table"> 2、表格边框: 添加 .am-table-bordered 类。 <table class="am-table am-tabl 阅读全文
posted @ 2018-05-08 22:42 范仁义 阅读(2207) 评论(0) 推荐(1) 编辑
摘要: amazeui学习笔记--css(HTML元素4)--图片image 一、总结 1、响应式图片:随着页面宽度而变化 .am-img-responsive class。 <img src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg" cl 阅读全文
posted @ 2018-05-08 22:34 范仁义 阅读(353) 评论(0) 推荐(0) 编辑
摘要: php字符串函数分类总结 一、总结 explode str_split str_word_count strtolower 二、php字符串函数分类总结 php内置了98个字符串函数(除了基于正则表达式的函数,正则表达式在此不在讨论范围),能够处理字符串中能遇到的每一个方面内容,本文对常用字符串函数 阅读全文
posted @ 2018-05-08 21:59 范仁义 阅读(385) 评论(0) 推荐(0) 编辑
摘要: PHP模拟链表操作 一、总结 1、类成员用的是-> 2、对象节点相连的话,因为是对象,所以不用取地址符号 3、数组传递参数的时候传引用的方法 ,& 二、PHP模拟链表操作 代码一: 代码2: 阅读全文
posted @ 2018-05-08 21:50 范仁义 阅读(217) 评论(0) 推荐(0) 编辑
摘要: amazeui页面分析之登录页面 一、总结 1、tpl命名空间:tpl命名空间的样式都是从app.css里面来的,app.css用用来移动网站开发的样式 2、表单样式:am-form到am-form-group的形式 二、登录页面 截图: 代码: 阅读全文
posted @ 2018-05-08 17:33 范仁义 阅读(750) 评论(0) 推荐(0) 编辑
摘要: amazeui-datatables(登录注册界面用到) 一、总结 amazeui-datatables:DataTables 插件 Amaze UI 集成,只修改了样式和默认显示语言,其他参数同官方版。 二、amazeui-datatables(登录注册界面用到) DataTables 插件 Am 阅读全文
posted @ 2018-05-08 17:24 范仁义 阅读(1393) 评论(0) 推荐(0) 编辑
摘要: 几个移动web app开发框架 一、总结 1、有amaze ui,有app.js(登录注册界面用到的) 二、几个移动web app开发框架 jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1 阅读全文
posted @ 2018-05-08 17:21 范仁义 阅读(4918) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(HTML元素3)--表单Form 一、总结 1、form样式使用:在容器上添加 .am-form class,容器里的子元素才会应用 Amaze UI 定义的样式。 am-form. <form class="am-form"> 2、单选复选框:可以做成块级和行内元 阅读全文
posted @ 2018-05-08 16:36 范仁义 阅读(1774) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(HTML元素2)--代码Code 一、总结 1、行内代码:code标签<code> 2、代码片段:pre标签<pre> 3、限制代码块高度:添加 .am-pre-scrollable 限制代码块高度,默认为 24rem。是在pre标签里面加的class。 4、参考链 阅读全文
posted @ 2018-05-08 16:20 范仁义 阅读(228) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(HTML元素1)--按钮Button 一、总结 1、button的基本使用:a、am-btn 在要应用按钮样式的元素上添加 .am-btn,b、颜色 再设置相应的颜色(例如:<button type="button" class="am-btn am-btn-dan 阅读全文
posted @ 2018-05-08 15:26 范仁义 阅读(2997) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(布局相关3)--辅助类Utility 一、总结 1、元素清除浮动: 添加 am-cf 这个 class 即可 2、水平滚动: .am-scrollable-horizontal 内容超出容器宽度时显示水平滚动条。 <div class="am-scrollable- 阅读全文
posted @ 2018-05-08 14:42 范仁义 阅读(446) 评论(0) 推荐(0) 编辑
摘要: amazeui学习笔记--css(布局相关2)--等分网格 AVG Grid 一、总结 1、与grid区别:网格中:am-g + am-u-xx-n 等分网格中只有一个: am-avg-sm-4(在ul中,里面有li) 记住这个avg(表示等分网格) 这里数字的意思不一样,这里的数字表示几等份 2、 阅读全文
posted @ 2018-05-08 14:27 范仁义 阅读(835) 评论(0) 推荐(0) 编辑
摘要: 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种尺 阅读全文
posted @ 2018-05-08 10:52 范仁义 阅读(436) 评论(0) 推荐(0) 编辑
摘要: css中hack是什么 一、总结 1、CSS hack:由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到 阅读全文
posted @ 2018-05-08 02:19 范仁义 阅读(14259) 评论(3) 推荐(6) 编辑
摘要: amazeui学习笔记--css(基本样式3)--打印样式Print 一、总结 1、打印显示url方法: 利用 CSS3 content 属性,将 <a> 和 <abbr> 的标题、链接显示在后面。 <a href="http://www.amazeui.org">Amaze UI</a> 2、am 阅读全文
posted @ 2018-05-08 02:10 范仁义 阅读(316) 评论(0) 推荐(0) 编辑