我的CSS初始化,reset.css
* {
margin:;
padding:;
text-decoration: none;
-webkit-overflow-scrolling: touch !important;
/*iOS惯性滚动*/
outline: none;
-webkit-font-smoothing: antialiased;
/*字体细长*/
-moz-osx-font-smoothing: grayscale;
} body {
position: relative;
margin: 0 auto;
width: 100%;
height: 100%;
min-width: 900px;
overflow-x: hidden;
font-family: "微软雅黑";
-webkit-touch-callout: none;
/*禁用长按页面时的弹出菜单*/
-webkit-tap-highlight-color: white;
box-sizing: border-box;
} li {
list-style: none;
} ul,
ol {
list-style-type: none;
} select,
input,
img,
select {
vertical-align: middle;
} img {
border: none;
display: inline-block
} i {
font-style: normal
} a {
text-decoration: none;
-webkit-appearance: none;
} *:focus {
outline: none;
} input,
textarea,
button {
resize: none;
-webkit-appearance: none;
outline: none;
} input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} strong {
font-weight: bold;
} h3,
h4 {
font-weight: normal
} input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cecece;
} input:-moz-placeholder,
textarea:-moz-placeholder {
color: #cecece;
} input[type="button"],
input[type="submit"],
input[type="file"],
button {
cursor: pointer;
-webkit-appearance: none;
} table {
border-collapse: collapse;
border-spacing:;
} .hover-hand {
cursor: pointer;
/*悬浮显示手*/
} /*禁止选中copy*/ .dont-select {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
} /*float*/ .left {
float: left;
} .right {
float: right;
} .clearfloat:after {
content: "";
display: block;
height:;
clear: both;
zoom:;
visibility: hidden;
} .clearfloat {
zoom:;
clear: both;
} .clear {
clear: both;
zoom:;
} .hide {
display: none !important;
} .show {
display: block;
} /*font-size*/ .font12 {
font-size: 12px;
} .font13 {
font-size: 13px;
} .font14 {
font-size: 14px;
} .font15 {
font-size: 15px;
} .font16 {
font-size: 16px;
} .font18 {
font-size: 18px;
} .font19 {
font-size: 19px;
} .font20 {
font-size: 20px;
} .font22 {
font-size: 22px;
} .font24 {
font-size: 24px;
} .font26 {
font-size: 26px;
} .font28 {
font-size: 28px;
} .font30 {
font-size: 30px;
} .font32 {
font-size: 32px;
} .font36 {
font-size: 36px;
} .font48 {
font-size: 48px;
} .font60 {
font-size: 60px;
} .color-white {
color: white;
} .color-red {
color: red;
} .color-green {
color: green;
} .color-black {
color: black;
} .cl1685d3 {
color: #1685D3;
} .bg1685D3 {
background: #1685D3;
} .color-blue {
color: blue;
} .color-yellow {
color: yellow;
} .color-pink {
color: pink;
} .bg-yellow {
background: yellow;
} .bg-red {
background: red;
} .border-blue {
border: 1px solid blue;
} .border-black {
border: 1px solid black;
} .border-white {
border: 1px solid white;
} .tc {
text-align: center;
} .tl {
text-align: left;
} .tr {
text-align: right;
} /*一行多行显示省略号*/ .one-line {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/*clip 修剪文本。*/
} .more-line {
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:;
} /*flex*/ .flex {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
flex-flow: row nowrap;
justify-content: flex-start;
/*flex-start | flex-end | center | space-between | space-around;*/
align-items: flex-start;
/*flex-start | flex-end | center | baseline | stretch;*/
align-content: flex-start;
/*flex-start | flex-end | center | space-between | space-around | stretch;*/
align-self: auto;
} /*移动端1px*/ .onepx-border:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 200%;
height: 200%;
border: 1px solid blue;
transform-origin: 0 0;
transform: scale(0.5, 0.5);
box-sizing: border-box;
border-radius: 10px;
} /*滚动条样式*/ ::-webkit-scrollbar {
width: 6px;
height: 6px
} ::-webkit-scrollbar-track-piece {
background: #eee;
} ::-webkit-scrollbar-thumb:vertical {
background: #666;
}
我的CSS初始化,reset.css的更多相关文章
- Normalize.css 与 reset.css
Normalize.css 与 reset.css都是初始化页面样式 不同点在于 reset.css更加粗暴,直接把所有的样式全部初始化了: Normalize.css还剩点良心,还保留了一些浏览器默 ...
- 移动端(视口(meta),像素比,二倍图(图片,背景图,精灵图),css初始化(normalize.css),特殊样式,常见屏幕尺寸)
1. 视口:(布局视口(layout viewport),视觉视口(visual viewport),理想视口(ideal viewport)) meta 视口标签 <meta name = ...
- CSS Tools: Reset CSS
样式初始化 /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ ...
- CSS重置 reset.css
1. [文件] reset.css ~/*------------------------------------------* site:ifnoif.net* Style author:ifnoi ...
- CSS初始化-KISSY CSS Reset 1.0
代码 /* KISSY CSS Reset 理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作.清除和重置是紧密不可分的. 2. reset 的目的不是让默认样式在所有浏览器下一致 ...
- [转载]CSS Tools: Reset CSS
http://meyerweb.com/eric/tools/css/reset/ The goal of a reset stylesheet is to reduce browser incons ...
- Web前端浏览器默认样式重置(CSS Tools: Reset CSS)
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, ...
- css初始化minireset.css
一个很小的现代CSS重置,涵盖了基本内容: 重置字体大小:这样使用语义标记不会影响样式 重置块边距:所以只有在需要时才应用间距 重置表格:这样表格数据只占用它所需的空间 保留了行内间距:因此,按钮和输 ...
- Normalize.css与Reset CSS:定义浏览器统一的默认样式
今天在chrome上测试我的网页,发现一个<p>段落多出了一些margin,而我自己没有设定.打开f12调试,发现在一个“user agent style”栏下定义了这个margin,去g ...
- css重置reset.css
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, b ...
随机推荐
- 有关js的一些小问题
忘了从哪里找来抄下来的: js执行顺序问题 1.函数的声明和调用 “定义式”函数声明 function fn1() {......} "赋值式"函数声明 var f=functio ...
- WEBs
http://www.cnblogs.com/wupeiqi/articles/5341480.html 请求方式8种: 1.GET:请求指定页面信息,并返回实体 2.POST:向指定资源提交数据进行 ...
- loj2173 「FJOI2016」建筑师
ref 真是道组合数学神题啊--第一次见第一类斯特林数-- #include <iostream> #include <cstdio> using namespace std; ...
- Creating Hyperv Agent Installer
Creating Hyperv Agent Installer Skip to end of metadata Created by Anshul Gangwar, last modified ...
- 启用hyper后无法打开vmware
十万火急,想办法先让虚拟机能够打开,毕竟经常用. 网上看了无数教程都是让在控制面板中关闭hyper-v,然而并没有用. 找了好久说是不能那样关闭,得用指令.管理员运行powershell,输入下列指令 ...
- rn-fetch-blob+redux 取消请求
其实取消请求对于普通的ajax请求rn-fetch-blob写法是比较简单的 let task = RNFetchBlob.fetch('GET', 'http://example.com/file/ ...
- ajax跨域两个方法
1在后端转换,调用API. ajax瀑布流: <!DOCTYPE html> <html> <head> <meta charset="UTF-8& ...
- html5 的 webScoket 和 C# 建立Socket连接
最近使用的web项目中,需要服务器直接触发前端显示效果. 所以研究了一下websocket: 名词解释: WebSocketWebSocket协议是一种双向通信协议,它建立在TCP之上,同http一样 ...
- 创建外网 ext
虽然外部网络是已经存在的网络,但我们还是需要在 Neutron 中定义外部网络的对象,这样 router 才知道如何将租户网络和外部网络连接起来. 上一节我们已经为创建外部网络配置了ML2,本节将通过 ...
- GridView 动态绑定控件 OnRowCommand事件触发
主题:GridView动态生成的控件不能触发OnRowCommand事件,且点击控件按钮后,控件的值会消失. 案例, 由于公司需要绑定的数据列顺序是动态生成的,且有的数据列需要绑定Button控件.所 ...