zoukankan      html  css  js  c++  java
  • css基础样式的初始化

    1.为什么要进行页面标签的样式初始化?

      为了保证同一个页面,在不同浏览器中看到的显示效果是一致的,防止统一样式的重复书写,提高效率。

    2.样式初始化过程中,我们需要注意哪些细节?

    1. 哪些标签有默认自带的样式,我们需要考虑
    2. 给标签设置一个基本的样式(不能影响网页布局)

        设置文字大小, 设置文字字体, 文字颜色....

    3. 样式初始化参考代码

    /* 块级元素 */
     
    body,ul,dl,ol,p,h1,h2,h3,h4,h5,h6 {
      margin: 0;
      padding: 0;
      list-style: none;
      font-weight: 400;
      color: #666;
      font-size: 12px;
      font-family: "宋体";
    }
     
    /* 行内元素 */
    a {
      text-decoration: none;
      color: #666;
    }
     
    /* 行内块元素 */
    img,input {
      border: 0 none;
      outline-style: none;
      padding: 0;
      vertical-align: center;
    }
    
    /* 版心 */
    .w {
       1200px;
      margin: 0 auto;
    }
    
    /*设置浮动*/
    .left {
      float: left;
    }
    .right {
      float: right;
    }
    
    /* 清除浮动 */
    .clearfix::after {
      content: "";
      height: 0;
      line-height: 0;
      display: block;
      clear: both;
      visibility: hidden;
    }
    .clearfix {
      zoom: 1;
    }
  • 相关阅读:
    Pandas DataFrame的基本属性
    Pandas , series 与 Dataframe的创建
    原生爬虫实例
    爬虫!对!学tmd爬虫!
    作业 选课系统
    面向对象
    面向对象
    正则计算器版中版之最后一版!
    正则计算器2
    mysql常见错误代码说明
  • 原文地址:https://www.cnblogs.com/Ky-Thompson23/p/11888829.html
Copyright © 2011-2022 走看看