前端基础学习笔记 样式初始化 元素类型

样式初始化

就是把默认样式中的margin和padding取消、改变列表list-style、text-decoration文本装饰、图片边框

<body>
    <style>
        *{margin:0;padding:0}
        ul,ol{list-style:none;}
        a{text-decoration:none;}
        img{border:0;}
    </style>
</body>

将此作为新建模板

元素类型

块级标签 

主要为了布局

1、独占一行,换行显示

2、支持设置宽高,不设置宽度时,宽度为父元素内容区域宽度。

     不设置高度时,高度由内容撑开。

     设置宽度和高度时,宽度高度不能撑开。

3、margin padding 四个方向支持 margin:auto支持

常见块级标签

div p h1-h6 ul li ol dl dt dd form

内联元素/行内元素

1、友好横排显示(和别的行内元素)

2、不支持设置宽度和高度,完全由内容撑开宽高。

3、margin只支持作用 上下不支持 不支持margin:auto。

4、padding支持显示 但是上下的padding撑大的部分对别的元素没有影响。

5、行内元素和行内元素之间会产生空格(空格 换行)

      取消空格一般很少用到(除了a标签横排时偶尔使用)。

6、存在基线对齐问题

常见行内元素:

span a b em strong img input

猜你喜欢

转载自blog.csdn.net/weixin_41732430/article/details/84257885