标签显示模式

样式分为:1、行内样式表2、内部样式表3、外部样式表

三种样式区别:

权重又高到低:行内样式>内部样式>外部样式。

使用推荐又高到低:外部样式>内部样式>行内样式。

控制范围:行内控制一个标签,内部控制一个页面,外部控制多个页面。

样式分离度由高到低:外部>内部>行内

标签显示模式分为:块级标签,行内标签,行内块标签。

块级元素(block):h1~h6,p,div,ul,ol,li。
特点:1,总是从新行起,2,高度,行高,外边距以及内边距都可以控制,3宽度默认是100%,4可以容纳内联连元素和其他元素。

行内元素inline:a,strong,b,em,i,del,s,ins,u,span。
特点:  1,和相邻行内元素在一行上。2,高,宽无效,但水平方向的padding和margin可以设置 ,垂直方向无效。3默认宽度就是他本身的宽度,4,行内元素只能容纳文本或其他行内元素(a特殊);
批注:链接内不能发,p,h1~后内不能放块级元素。

行内块元素:img,input,td,可以设置宽高和对齐元素,
特点:1,和相邻的行内元素(行内块)在一行上,但是之间会有空隙。2,吗默认宽度就是他本身的容量的宽度,高度,行高,外边距以及内边距都可以控制。

display:元素模式转换。
block,行内转块      inline块转行内    inline-block行内块模式转变为块内块元素显示模式。

原文地址:https://www.cnblogs.com/codeByWei/p/11942918.html