html中的一些标签

    xiaoxiao2021-12-14  60

    <em></em>是强调,主要用户人名的说明

    <q></q>主要是短文本的引用(比如引用了一篇诗)

    <blockquote></blockquote> 主要是长文本的引用

    <code></code>是加入一行代码(比如文本中加入一行代码语言时可以用到)

    <pre></pre>是加入一大段代码(比如文本中一整块引用代码语言)

    <ul></ul>没有顺序

    <ol></ol>有顺序

    <caption></caption>是表格的标题

    css盒模型

    一、display:block 将元素设置为块级元素

    特点:

    1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)

    2、元素的高度、宽度、行高以及顶和底边距都可设置。

    3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

    二、display:inline

    将元素设置为内联元素

    特点:

    1、和其他元素都在一行上;

    2、元素的高度宽度及顶部和底部边距不可设置;

    3、元素的宽度就是它包含的文字或图片的宽度,不可改变。

    三、 display:inline-block

    将元素设置为内联块状元素

    特点:

    inline-block 元素特点:

    1、和其他元素都在一行上;

    2、元素的高度、宽度、行高以及顶和底边距都可设置。

    css布局模型

    relative与absolute 的组合使用

    相对于其他元素进行定位规则

    1、参照定位的元素必须是相对定位元素的前辈元素:

    2、参照定位的元素必须加入position:relative;

    3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了

    设置div自动居中

    div{margin:0 auto}

    此时不能设置浮动和绝对定位属性,否则就不能显示自动居中了。

    清除浮动影响常用的方法

    clear 属性:clear :both;clear:left;clear:right

    同时设置width:100%(获取固定宽度)+overflow:hidden

    position属性具有三种定位

    静态定位、绝对定位、相对定位

    可设置四种属性:static(静态定位)--处于标准流中、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)

    position:relative;处于标准流中,设置之后就可以定义相对偏移量:letf、top 等。这样可能导致与兄弟元素重叠

    position:absolute;脱离标准流中,如果不设置偏移量处于我行我素状态(即使有祖先元素)

    设置绝对定位时(如果没有设置宽度、他的宽度会随着内容的变化而变化)

    转载请注明原文地址: https://ju.6miu.com/read-964802.html

    最新回复(0)