baseCss/resetCss(转)】的更多相关文章

原文链接:https://github.com/hangyangws/baseCss#basecss baseCss 意义 统一各个浏览器差异.统一团队开发起始标准.弥补浏览器的“缺点”.提供频繁使用的原子类名. 友情提示 前端开发中如果不是UI特别要求,颜色值采用web安全色最佳,像素以偶数最佳. 移动端开发,量度可以尝试rem为单位(什么是rem,请自行Google). 使用rem为量度单位时,浏览器会是基于html节点而不是body节点计算大小. 代码解释 @charset 'utf-8'…
html{ min-width: 320px;}body{ min-width: 320px; overflow-x:hidden }@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !importan…
/* KISSY CSS Reset 理念:清除和重置是紧密不可分的 特色:1.适应中文 2.基于最新主流浏览器 */ /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ field…
一.border-radius border-radius用于添加圆角边框,用处非常广泛. 1)一个值,代表了四个角 .radius-one { /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 12px; /* Firefox 1-3.6 */ -moz-border-radius: 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, And…
function stopBubble(e) { if (e && e.stopPropagation) {//如果传入了事件对象,那么就是非IE浏览器 e.stopPropagation(); } else { window.event.cancelBubble = true;//使用IE的方式来取消事件冒泡 } } function stopDefault(e) { if (e && e.preventDefault) { e.preventDefault();//防止…
bootstratp作为一个优秀的前端框架,最近使用了其中的Glyphicon Halflings的字体图标.起初一直显示不出来,后面通过搜索相关资料直到成功显示,在此做一些总结,方便后面复习. 1.在html页面引入bootstrap <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>xxxx</title> <link href=&qu…
jquery 过滤选择器 和 后代选择器 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/WEB-INF/jsp/common/base.jsp"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HT…
<span style="font-family: Arial, Helvetica, sans-serif;">最近刚刚接触到BootStrap,在这里总结一下BootStrap的使用方法.</span> 1.BootStrap的下载 Bootstrap 中文网 为 Bootstrap 专门构建了自己的免费 CDN 加速服务.基于国内云厂商的 CDN 服务,访问速度更快.加速效果更明显.没有速度和带宽限制.永久免费.即可以在不下载BootStrap的情况下使用…
bootstrap中的按钮类 一般可以作为按钮的标签有:<a></a>  <button></button>  <input type='button' />上面 如图: 如果要改变按钮的尺寸: .btn-large:尺寸最大: .btn-small:尺寸中等: .btn-mini:尺寸最小 为按钮添加小图标: i标签表示添加的小图标: icon-comment 图标的颜色:默认是黑色,还可以设定白色为 .icon-white <butto…
Bootstrap 来自 Twitter,是目前很受欢迎的前端框架. 基于 HTML.CSS.JAVASCRIPT ,简洁灵活,使 Web 开发更加快捷. Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less(CSS 预处理器,让 CSS 具有动态性)写成. 目前使用较广的是版本2和3,其中2的最新版本的是2.3.2,3的最新版本是3.3.5. 包含了丰富的Web组件: 下拉菜单.按钮组.按钮下拉菜单.导航.导航条.路径导航.分页.排版.缩略图.警告对话框.进度条.…