美文网首页
4.3 CSS --- 基本样式(包含Normalize.css

4.3 CSS --- 基本样式(包含Normalize.css

作者: 爱聊天助手 | 来源:发表于2018-09-10 11:09 被阅读0次

    适用桌面浏览器,移动端浏览器有些许不同

    /-------Normalize----------“统一所有浏览器对html标签的默认样式”----------/
    @import "Normalize.css";
    /-------Reset----------“重置浏览器对html标签的默认样式”----------/
    html{height: 100%;} /避免内容的高度不足窗口高度时页面显示的情况/
    body,figure {margin:0;}
    ul,ol,li,dd,dl,p{padding:0; margin:0;}
    ol,ul {list-style:none;}
    li{list-style-type:none;}
    dt,dd{display: inline-block;}
    dt{font-weight: inherit;}
    img{vertical-align:top;border:0;}
    h1,h2,h3,h4,h5,h6 {padding:0; margin:0;font-size:12px; font-weight:normal;}
    b,em,i{font-weight:normal; font-style:normal;}
    a{text-decoration: none; color: inherit;}
    a:focus,a:hover {text-decoration:none; color: inherit}
    a:visited {text-decoration:none;}
    a:active {color:inherit;}
    input,textarea,select{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    }
    input{
    padding:0;
    border:0;
    border: unset;
    outline:none;
    background-color: unset;
    }
    button{
    background-color: unset;
    border: 1px solid #cccccc;
    color: inherit;
    outline:none
    }

    /-------自定义样式----------“自定义样式统一网页风格”----------/
    body{
    background: #fff; /保证所有浏览器的背景颜色一致/
    font-family: arial, tahoma, '微软雅黑', '\5B8B\4F53', sans-serif; /宋体中文字转码成unicode码(\5B8B\4F53 ), 使编码在任何环境下能识别/
    font-size:12px; /Chrome浏览器最小字体是12px,其他浏览器字体可以无限小、此设置使浏览器上字号保持一致,便于页面开发/
    }
    .fB{font-weight:bold;}
    .fl{float:left;}
    .fr{float:right;}
    .clearfix{overflow: auto;} /清除浮动影响/
    .clearpadding{padding-right: 0;padding-left: 0;}/清除BootStrap框架栅格系统的内边距/
    .bgimg {background-size: cover;background-position: center;background-repeat: no-repeat;}/图片自适应容器大小显示/
    .table{display: table;}
    .table-cell{display: table-cell;}
    .oneline{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }

    相关文章

      网友评论

          本文标题:4.3 CSS --- 基本样式(包含Normalize.css

          本文链接:https://www.haomeiwen.com/subject/vnddgftx.html