CSS格式化

来源:互联网 发布:js alert 编辑:程序博客网 时间:2024/06/10 04:29

CSS格式化

由于个浏览器样式默认会有不同,在编写的时候就需要初始化

/*样式格式化*/* {    margin: 0px;    padding: 0px;}@charset "utf-8";html {    color: #000;    background: #fff;    overflow-y: scroll;    -webkit-text-size-adjust: 100%;    -ms-text-size-adjust: 100%;}html * {    outline:none;    -webkit-text-size-adjust: none;    -webkit-tap-highlight-color:rgba(0,0,0,0);}html, body {    font-family: sans-serif;}/* 内外边距通常让各个浏览器样式的表现位置不同 */body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {    margin: 0;    padding: 0;}input, select, textarea {    font-size: 100%;}/* 去掉各 Table  cell 的边距并让其边重合 */table {    border-collapse: collapse;    border-spacing: 0;}/* 去除默认边框 */fieldset, img {    border: 0;}/* 去掉 firefox 下此元素的边框 */abbr, acronym {    border: 0;    font-variant: normal;}/* 一致的 del 样式 */del {    text-decoration: line-through;}address, caption, cite, code, dfn, em, th, var {    font-style: normal;    font-weight: 500;}/* 去掉列表前的标识, li 会继承 */ol, ul {    list-style: none;}/* 对齐是排版最重要的因素, 别让什么都居中 */caption, th {    text-align: left;}/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */h1, h2, h3, h4, h5, h6 {    font-size: 100%;    font-weight: 500;}q:before, q:after {    content: '';}/* 统一上标和下标 */sub, sup {    font-size: 75%;    line-height: 0;    position: relative;    vertical-align: baseline;}sup {    top: -0.5em;}sub {    bottom: -0.25em;}/* 默认不显示下划线,保持页面简洁 */ins, a {    text-decoration: none;}/*头部开始*//*头部结束*//*主体内容开始*//*主体内容结束*//*尾部开始*//*尾部结束*/
原创粉丝点击