内联元素及其特性 &块元素

一般的 块级元素诸如段落<p>、标 题<h1><h2>...、列表。<ul><ol><li> 、表格<table>、表单<form>、DIV<div>和BODY<body>等元素。而内联元素则如: 表单元素<input>、超级链接<a>、图像<img>、<span> ........

内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)不起作用。

img的内联是默认的,但是由于IMG 标签本身存在 WIDTH 和 HEIGHT 属性,所以css 可以这样写,是为了让其保存一致性,补充其属性的灵活性,故可不必深究原因。

内联元素注意以下几点(没有设置display:block;也没有设置float:left;):
1.内联元素的width height不起作用
2.内敛元素的padding 只有padding-left 和padding-right起作用
3.内联元素的margin 只有margin-left 和margin-right 起作用
若想要上述不起作用的属性起作用,则display:block;

 

原文地址:https://www.cnblogs.com/mabelstyle/p/2782368.html