AmazeUI框架现在官网已经没了，查阅越来越不方便。该记的还是记一些，使用起来更方便。1、Amaze UI 将所有元素的盒模型设置为 border-box。这下好了，妈妈再也不用担心没计算好 padding、border 而使布局破相了。2、Amaze UI 将浏览器的基准字号设置为 62.5%，也就是 10px，现在 1rem = 10px —— 为了计算方便。然后在body 上应用了 font-size: 1.6rem;，将页面字号设置为 16px。3、<h1> - <h6> 保持粗体
现在网络上关于小程序的表单验证其实是没有更好的解决方法的，这是由小程序特殊的前端框架模式决定的。也许小程序脚本如果开放js的dom操作的话，会变得简单很多，但这样又会与前端模式相背离，估计是不会开放的。现在最常用的验证插件应该是WxValidate，提供了类似于jQuery Validate 的验证配置模式。使用上也相差不大。WxValidate插件官网：https://github.com/wux-weapp/wx-extend/blob/master/src/pages/validate/index.js#L1WxValidate插件WxValidate插件基本的使用方法如下：//验证函数
日常开发中常用的一种样式就是工具条的左右对齐布局模式了。左边与右边的元素自然的分布在两侧，中间留白，这种布局常规方法还是有点麻烦的，float虽然可以左右分开，但行对齐，行内上下居中就难了。下面就介绍这种最新流行的CSS Flex布局实现左右分开的方法。先看效果：创建小程序页面，对文件编写如下的方式。在一个view 里面 包了两个子元素。<view class='ui-group'> <view class='ui-box-item'></view> <view class='ui-box-item'
涉及的到的知识点媒体查询CSS transform 属性CSS vh vm 单位CSS 优先级实现思路1.当屏幕为竖屏时，将内容旋转。2.但屏幕为横屏时，不做任何操作。代码如下/* 当屏幕为竖屏时应用的样式 */ @media screen and (orientation: portrait){ /*要横屏显示的内容的外层盒子*/ #box { /* 设置基准点为左上角 */ transform-origin:top left; /* 以左上角为基准点，顺时针旋转90度 然后沿Y轴反方向平移100% */ /* 为什么沿
<div class="main_R_list01"> <h3><span>准备工作要做些什么？</span><a href="#" target="_blank">全部</a></h3> <dl class=""> <dt>两个房间</dt> <dd class="mRlist_content"> 在冲刺室里（活动室），团队将一起观看实时采访。另外一个小房间进行测试访谈。确保访谈室舒适整洁。<a
由于bootstrap3的dropdrown组件只支持click，所以按操作习惯要使其支持hover事件响应。使用组件CWSpear/bootstrap-hover-dropdownhttps://github.com/CWSpear/bootstrap-hover-dropdown演示效果https://cameronspear.com/demos/bootstrap-hover-dropdown/使用方法1.将按钮data-toggle="dropdown"增加设置项data-hover="dropdown"<li class="dropdown"> <a href
打印插件用于只打印页面的某一部分。<input type="button" id="btnPrint" value="打印"/><div id="printContent">要打印的内容区域<div><script type="text/javascript">$(function(){ $("btnPrint").click(function(){ $("printContent").printArea(); });});</script>当所要打印div的宽度很大且带有滚动条时，只能打印出屏幕上显示的部分，div滚动
定义和用法media 属性用于为不同的媒介类型规定不同的样式。提示：如需在一个 style 元素中定义一个以上的媒介类型，请使用逗号分隔的列表（例如：<style type="text/css" media="screen,projection">）。浏览器支持所有主流浏览器都支持 media 属性的 "screen"、"print" 以及 "all" 值。提示：Opera 同时支持 "handheld" 值。值描述screen计算机屏幕（默认值）。tty电传打字机以及使用等宽字符网格的类似媒介。tv电视类型设备（低分辨率、有限的屏幕翻滚能力）。projection放映机。hand
关于CSS框架其实一直是一个比较热门且很有争议的话题，的确，国内的一些前端er们越来越关注CSS框架，并都开始尝试使用，觉得CSS框架能够节省更多的开发时间，显著提高工作效率。当然，还有很多人持相反意见，认为CSS并没有这么高级以至于要涉及到框架！我记得在cnBeta上曾经有位程序员讽刺道:”这年头，连CSS都有框架了?!”。今天暴风彬彬并不是要向大家介绍什么是CSS框架,也不会介绍各种CSS框架的优缺点。只是要讲解一下目前在国外很热门的一个框架，严格讲是网格系统，那就是960GridSystem。通过这篇教程你会知道使用960框架之后，你的开发工作会更快的开展。如果您对其他CSS框架也很感兴