学习前端CSS的第七天

wuchangjian2021-11-07 21:21:53编程学习

1.块元素

    常见的块元素有<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等,其中<div>是最典型的。

 (1)比较霸道,自己独占一行。

 (2)宽度,高度,外边距以及内边距都可以控制。

 (3)宽度默认是容器(父级宽度)的100%

 (4)是一个容器及盒子,里面可以放行内或块级元素。

        注意:文字类的元素内不能使用块元素,例如<h1>~<h6>,<p>,都不允许放<div>。

2.行内元素

 特点:

        (1)相邻行内元素在一行上,一行可以显示多个。

        (2)高、宽直接设置是无效的。

        (3)默认高度就是它本身内容的宽度。

        (4)行内元素只能容纳文本或其他行内元素。

        注意:链接里面不能在放链接了

                特殊情况链接<a>里面可以放块级元素,但是给<a>转换一下块级模式最安全。

3.行内块元素

特点:

        (1)和相邻行内元素(行内快)在一行上,但是他们之间会有空白缝隙,一行可以显示多个(行内快元素)。

        (2)默认高度就是它本身内容的宽度(行内元素特点)。

        (3)宽度,行高,外边距以及内边距都可以控制(块级元素特点)。

4.元素显示模式转换

        转换为块元素:display :block;

        转换为行内元素:display:inline;

        转换为行内块:display:inline-block;

相关文章

密码杂凑算法的应用

密码杂凑算法的直接应用就是产生消息摘要,进一步可以检验数据的完整性...

哈夫曼树详解

一:定义         1:给定n个权值作为n个叶子结点...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。