样式初始化+元素类型+外边距合并

时间：2020-01-28 18:59:31 阅读：64 评论：0 收藏：0 [点我收藏+]

标签：lin margin 通配 width tag 提示符 orm enc 去除

浏览器默认给边距,去除浏览器默认样式

<!doctype html>
<html>
    <head>
        <title>样式初始化</title>
        <style>
            /* *通配符选择器，选择页面中所有元素，内外边距都设为0*/
            *{margin:0px;padding:0;}
            /* 多元素选择器，用”,“隔开，能够节省性能*/
            body,h1,h2,h3,h4{margin:0px;}
            /*<!--去除列表提示符-->*/
            ul,ol{list-style:none;}
            /*选择页面所有a标签，去掉a标签划环线*/
            a{text-decoration:none;}
            img{broder:none}/*不设置，仅在ie的低版本中存在兼容性问题*/
            
        </style>
    </head>
    <body>
        
    </body>
</html>
?

元素：

块级元素

常见p,div,h1-h6,table,form等

默认占据一行，自动换行，支持添加高，宽

h1,p不能套块级元素

支持margin，padding

可以放任何内容，主要用来布局
行级元素

不自动换行，只占据内容所占的位置

不支持添加宽度和高度

不能套块级元素

margin左右有效，上下无效

padding上下无效，左右无效，只对自身有效

常见a , b , i , del等

<!doctype html>
<html>
    <head>
        <title>元素类型的转换</title>
        <style>
            *{margin:0px;padding:0;}
            div{width:400;height:400;color:red;
                /*隐藏元素*/
                display:none;
                /*变为块级元素/也有显示的意思*/
                dispaly:block;
                /*变为行内元素*/
                display:inline;
                /*以行内元素的形式排列以块级元素样式显示*/
                display:inline-block;
            }
            p{display:inline-block;}
        </style>
    </head>
    <body>
        <div>
           安阳师范学院
        </div>
        <p>
            位属安阳
        </p>
    </body>
</html>

## 外边距合并

```html
<!doctype html>
<html>
<head>
<title>外边距合并</title>
<style>
div,p{width:200px;height:300px;display:inline-block;
margin-botton:100px;background:red;}
p{background:blue;}
</style>
</head>
<body>

<div>
<p>

</p>
</div>
</body>
</html>

```

样式初始化+元素类型+外边距合并

标签：lin margin 通配 width tag 提示符 orm enc 去除

原文地址：https://www.cnblogs.com/Chen-Tan/p/12238168.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行