美文网首页
块级元素,行内元素,优先级(1)

块级元素,行内元素,优先级(1)

作者: 浮浮子 | 来源:发表于2018-07-12 18:22 被阅读0次

    今日份总结

    2018-07-12

    1.about "div p dt dd span input textarea"

    ①先说dt,dd.“dt”可以说是定义项目,而"dd"可以说是对定义的项目的描述。不得不说到"dl",和"li"嵌套在"ol","ul"中一样,"dt","dd"嵌套在"dl"中。“dl”,"dt","dd"为定义列表。所以列表共分为三类:无序列表、有序列表、定义列表。

    ②div p span input

    div,p是一个块级元素,span是行级元素,input是行内块元素。所以div和p属性值为block,而span则为inline,input自然为inline-block.没有额外的css描述的情况下,行级元素是不能嵌套块级元素,块级元素则可以嵌套行级元素也可以嵌套行内块(p可嵌套input)。

    行级元素可以多个标签存在一行,不能直接设置行内标签的高度、宽度、行高以及顶和底边距,完全靠内容撑开宽高。

    块元素独占一行,对高度、宽度、行高以及顶和底边距都可设置的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽。

    行内块特点:结合的行内和块级的优点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示。

    ③textarea

    行级元素。

    定义一个文本区域,输入较长文本时可以实现转行效果,标签一般成对出现。一般写为<textarea rows="" cols=""></textarea>cols :多行输入域的列数rows :多行输入域的行数

    2.关于CSS注释语句

    各类语言注释语句:

    Html:<!--注释语句--!>

    css:/*注释语句*/

    jsp:<%--不可见注释--%>,<!--可见注释-->;还可以写为<!--<%注释内容%>-->,//注释内容,/*注释内容*/./**注释内容*/

    徐大爷讲jsp的时候,喜欢用”/**注释内容*/“;<%XXX%>. --> --> -->

    java中单行短注释://注释内容;块注释,极多行注释为/**/,注释格式通常写成/**注释内容*/

    3.CSS样式优先级

    一般来说为内联式>嵌入式>外联式,但还是遵循“血缘法”。

    图为内联式>嵌入式

    xml中学习的即为外联式。在html中再写一个css样式文件,然后html直接引用。

    相关文章

      网友评论

          本文标题:块级元素,行内元素,优先级(1)

          本文链接:https://www.haomeiwen.com/subject/rzurpftx.html