css代码初始化

css代码初始化

/*reset.css用来存储清除浏览器的样式 ,后面添加了一部分通用样式*/

a {
    background-color: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:hover {
    outline: none;
    text-decoration: none;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-only;
    cursor: pointer;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

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

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del,
ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

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

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}


/*because legend doesn't inherit in IE */

legend {
    color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}


/*@purpose To enable resizing for IE */


/*@branch For IE6-Win, IE7-Win */

input,
button,
textarea,
select {
    *font-size: 100%;
    outline: none;
}


/*select*/

select {
    /*复写Chrome和Firefox里面的边框*/
    border: 1px solid green;
    /*清除默认样式*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    /*background: url(../img/icon/icon_select.png) no-repeat scroll right center transparent;*/
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {
    display: none;
}


/* 个人在后面添加了一些常用的公共样式 */


/*居中效果*/

.margin_center {
    margin: 0px auto;
}


/*浮动*/

.float_left {
    float: left;
}

.float_right {
    float: right;
}


/*文字位置*/

.text_center {
    text-align: center;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}


/*position*/

.position_relative {
    position: relative;
}

.position_absolute {
    position: absolute;
}


/*边框*/

.no_border {
    border: 0px!important;
    border-right: 0px!important;
}


/*宽度*/

.width_whole {
    width: 100%;
}


/*清除格式*/

.clear_both {
    clear: both;
}

.no_margin {
    margin: 0px!important;
}


/* 展示样式 */

.display_block {
    display: block;
}

.display_none {
    display: none;
}

.visibility_hidden {
    visibility: hidden;
}


/*清除浮动*/

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    zoom: 1;
}


/* IE6 */

*+html .clearfix {
    zoom: 1;
}


/* IE7 */

body {
    font-family: 'PingFangSC', 'helvetica neue', 'hiragino sans gb', 'arial', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif'!important;
    font-size: 10px;
}