CSS自定义默认样式
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: ;
padding: ;
border: ;
font-size: %;
font: inherit;
vertical-align: baseline;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html { height: %; }
body { font-size: 62.5%; line-height: ; font-family: "微软雅黑",Arial, Tahoma, sans-serif;background: #F7F7F7;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } table { border-collapse: collapse; border-spacing: ; }
img { border: ; max-width: %; } p { font-size: .2em; line-height: .0em; color: #; }
.center{text-align: center;}
.bgbai{background: #fff;}
.colorm{color: #;}
.colorz{color: #a28462;}
.colort{color: #7d7d7d;}
.color53{color: #;}
.color64{color:#;}
.colorF{color: #fff;}
.w100{width: %;}
.w1440,.wrap{width: 1440px;margin: auto;}
.clearfix:after {content: ".";clear: both;display: block;height: ;overflow: hidden;visibility: hidden;}
.clearfix{clear:both;z-index:;}
.fl{float: left;}
.fr{float: right;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mr10{margin-right: 10px;}
.ml10{margin-left: 10px;}
.mr15{margin-right: 15px;}
.ml15{margin-left: 15px;}
.mr20{margin-right: 20px;}
.ml20{margin-left: 20px;}
.mr25{margin-right: 25px;}
.ml25{margin-left: 25px;}
.mr30{margin-right: 30px;}
.ml30{margin-left: 30px;}
.mr35{margin-right: 35px;}
.ml35{margin-left: 35px;}
.mr40{margin-right: 40px;}
.ml40{margin-left: 40px;}
.mr45{margin-right: 45px;}
.ml45{margin-left: 45px;}
.mr50{margin-right: 50px;}
.ml50{margin-left: 50px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pr10{padding-right: 10px;}
.pl10{padding-left: 10px;}
.pr15{padding-right: 15px;}
.pl15{padding-left: 15px;}
.pr20{padding-right: 20px;}
.pl20{padding-left: 20px;}
.pr25{padding-right: 25px;}
.pl25{padding-left: 25px;}
.pr30{padding-right: 30px;}
.pl30{padding-left: 30px;}
.pr35{padding-right: 35px;}
.pl35{padding-left: 35px;}
.pr40{padding-right: 40px;}
.pl40{padding-left: 40px;}
.pr45{padding-right: 45px;}
.pl45{padding-left: 45px;}
.pr50{padding-right: 50px;}
.pl50{padding-left: 50px;}
.pr60{padding-right: 60px;}
.pl60{padding-left: 60px;}
.pr80{padding-right: 80px;}
.pl80{padding-left: 80px;}
.pr100{padding-right: 100px;}
.pl100{padding-left: 100px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px;}
.fs25{font-size: 25px;}
.fs26{font-size: 26px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs32{font-size: 32px;}
.fs34{font-size: 34px;}
.fs36{font-size: 36px;}
.fs38{font-size: 38px;}
.fs40{font-size: 40px;}
.fs50{font-size: 50px;}
.lh1{line-height: ;}
.lh12{line-height: 1.2;}
.lh15{line-height: 1.5;}
.lh18{line-height: 1.8;}
.lh2{line-height: ;}
.lh22{line-height: 2.2;}
.lh24{line-height: 2.4;}
.lh25{line-height: 2.5;}
.lh26{line-height: 2.6;}
.lh28{line-height: 2.8;} /*底部*/
.footer{
padding:50px ;
background: #;
color: #fff;
font-size: 20px;
text-align: center;
margin-top: 40px;
}
CSS自定义默认样式的更多相关文章
- css清除默认样式
CSS 清除默认样式 通常有以下几句就够了: *{margin:0;padding:0} li{list-style:none} img{vertical-align:top;border:non ...
- CSS 重置默认样式
1. 概述 1.1 说明 css重置样式主要是为了让各个浏览器的CSS样式有一个统一的基准,使HTML元素样式在跨浏览器时有一致性的效果. 备注:浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的 ...
- CSS自定义滚动条样式
原文地址:http://www.qianduan.net/css-custom-scroll-bar-style/ 相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器 ...
- CSS 浏览器默认样式
不要再说div天生就是block——这句话应该换成:浏览器默认样式天生规定了div是block——所以才导致了div是block!是默认样式规定的,不是浏览器的内核规定的. 没有设置block的元素, ...
- CSS 清除默认样式
通常有以下几句就够了: *{margin:0;padding:0} li{list-style:none} img{vertical-align:top;border:none} 如果你想写全也可以: ...
- css清除默认样式和设置公共样式
/*公共样式--开始*/ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textar ...
- css清除默认样式,stylus学习
reset.css html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ...
- CSS清除默认样式代码
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, s ...
- css修改input表单默认样式重置与自定义大全
链接地址: 伪元素表单控件默认样式重置与自定义大全 http://www.zhangxinxu.com/wordpress/?p=3381 Chrome 现在不支持通过伪元素修改 meter 元素样式 ...
随机推荐
- 转:java 看好的一些书
地址 : http://www.cnblogs.com/xrq730/p/4994545.html
- 简单搭建DNS服务器——bind
1安装bind yum install -y bind bind-utils bind-chroot 2 修改配置文件 # grep '^[^#]' /etc/named.conf options { ...
- git上传项目到github远程库
最近在学习使用 git 上传管理项目,依照教程,建好了一个远程库,也实现了本地库与远程库的项目同步上传,但是在试着将本地库里的项目上传到另一个新建远程库时遇到了问题,一直上传不成功,经过一番查找摸索终 ...
- 学习 Java 应该关注哪些网站?
经常有一些读者问我:"二哥,学习 Java 应该关注哪些网站?",我之前的态度一直是上知乎.上搜索引擎搜一下不就知道了.但读者对我这个态度很不满意,他们说,"我在问你,又 ...
- 易初大数据 2019年11月8日 linux 王庆超
◆linux系统的特点: (1)完全免费. (2)高效.安全.稳定. (3)支持多种硬件平台. (4)友好的用户界面. (5)强大的网络功能. (6)支持多任务.多用户. ◆linux体系: 1.li ...
- Java锁-Synchronized深层剖析
Java锁-Synchronized深层剖析 前言 Java锁的问题,可以说是每个JavaCoder绕不开的一道坎.如果只是粗浅地了解Synchronized等锁的简单应用,那么就没什么谈的了,也不建 ...
- pandas的使用(5)
pandas的使用(5)-- 缺失值的处理
- 力扣(LeetCode)查找常用字符 个人题解
给定仅有小写字母组成的字符串数组 A,返回列表中的每个字符串中都显示的全部字符(包括重复字符)组成的列表.例如,如果一个字符在每个字符串中出现 3 次,但不是 4 次,则需要在最终答案中包含该字符 3 ...
- dbstructsync 多套mysql环境表、字段、索引的差异sql产出(原创)
最近写了一个工具(比较两套测试环境数据库表.表字段.索引的差异) 功能:可以比较两套环境中mysql指定库中表.表字段及索引的差异,返回具体需要同步的执行sql A环境的数据库db 作为sourced ...
- vue在移动端实现复制数值到剪贴版
实现按键就指定内容复制到设备的剪贴版,这里是复制快递单号 html <div slot="footer" v-if="express.number" st ...