html {
color: #333;
/ Specify the main tone , Based on business scenarios ( Not necessary )/
background: #F6F6F6;
/ Specify the main background , Based on business scenarios ( Must not )/
overflow-y: auto;
/ If there is overflow, a scroll bar will be formed automatically /
-webkit-text-size-adjust: 100%;
/ Don't want to let iPhone Adjust the text when the horizontal hard screen is switched /
-ms-text-size-adjust: 100%;
}

html * { / All elements /
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); / Remove the gray background of mobile development click events, such as a label /
}

body,html{
height: 100%;
font-size: 12px;
}
article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
margin: 0;
padding: 0;
}

input,
select,
textarea {
font-size: 100%;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,
img {
border: none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
font-style: normal;
font-weight: 500;
}

ol,
ul {
list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 500;
}

q:after,
q:before { / Place quotation marks at both ends of the text between labels /
content: ‘’;
}

a{
text-decoration: none;
}

/input/
button {
border: none;
}

button,
html input[type=‘button’],
input[type=‘reset’],
input[type=‘submit’] {
-webkit-appearance: button; / Render as button The style of /
text-transform: none;
outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999; / Font style of input box prompt /
}

input::-webkit-inner-spin-button {/ solve input Of type="number" A small button will appear on some mobile phones /
-webkit-appearance: none;/ Remove system default appearance Style of , Commonly used in IOS Remove native style under /
}

input::-webkit-outer-spin-button {/ solve input Of type="number" A small button will appear on some mobile phones /
-webkit-appearance: none;
}

textarea {
vertical-align: top;
}

button,
input {
line-height: normal;
}

select {
margin: 0;
outline: 0;
}

input.fixAKeyboard:focus,
textarea.fixAndroidKeyboard:focus {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-modify: read-write-plaintext-only;
}

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}

button,
input[type=button],
input[type=checkbox],
input[type=reset],
input[type=submit],
label {
cursor: pointer;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

input[type=submit] {
-webkit-user-modify: read-plaintext-only;
-moz-user-modify: read-plaintext-only;
-ms-user-modify: read-plaintext-only;
-o-user-modify: read-plaintext-only;
user-modify: read-plaintext-only;
}

input[type=‘search’]::-webkit-search-cancel-button,
input[type=‘search’]::-webkit-search-decoration {
-webkit-appearance: none;
}

input[type=‘search’] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}

/flex box/
.flex {
display: box;
/* OLD - Android 4.4- /
display: -webkit-box;
/ OLD - iOS 6-, Safari 3.1-6 /
display: -moz-box;
/ OLD - Firefox 19- (buggy but mostly works) /
display: -ms-flexbox;
/ TWEENER - IE 10 /
display: -webkit-flex;
/ NEW - Chrome */
display: flex;
-webkit-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}

.justify-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}

.justify-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

*,
*:before,
*:after {
box-sizing: border-box; / All elements with border Start calculating box size /
}

.clearfix:after,
.clearfix:before { / Clear float /
content: " ";
display: table;
}

.clearfix:after {
clear: both;
}

.fl {
float: left;
}

.fr {
float: right;
}

Technology
©2019-2020 Toolsou All rights reserved,
Hikvision - Embedded software written test questions C Language application 0 The length of array in memory and structure is 0 In depth analysis data structure --- The preorder of binary tree , Middle order , Subsequent traversal How to do it ipad Transfer of medium and super large files to computer elementui Shuttle box el-transfer Display list content text too long 2019 The 10th Blue Bridge Cup C/C++ A Summary after the National Games ( Beijing Tourism summary )unity Shooting games , Implementation of first person camera python of numpy Module detailed explanation and application case Study notes 【STM32】 Digital steering gear Horizontal and vertical linkage pan tilt Vue Used in Element Open for the first time el-dialog Solution for not getting element