CSS——css默认样式及重置

一、css默认样式
  没有默认样式的:
    div span
  有默认样式的:
    body -> margin:8px
    h1 -> margin: 上下 21.440px
    p -> margin: 上下 16px
    ul -> margin: 上下 16px padding: 左 40px
    默认点:list-style:desc
    a -> text-decoration:underline

    ......

二、CSS reset

消除默认样式方法:
  *{margin:0;padding:0;}
  ul{list-style:none;}
  a{text-decoration:none;color:#666;}
  img{display:block;}
    问题(img图片未对齐)的现象:图片和容器底部有一些空隙
    原因:内联元素的对齐方式是按照文字基线对齐的,而不是文字底线对齐
    vertical-align:baseline;基线对齐方式,默认值。解决方式:img{vertical-align:bottom}

 

posted @ 2021-02-07 09:51  泰初  阅读(550)  评论(0编辑  收藏  举报