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

今日份总结

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

行级元素。

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

2.关于CSS注释语句

各类语言注释语句：

Html：;还可以写为,//注释内容,/*注释内容*/./**注释内容*/

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

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

3.CSS样式优先级

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

图为内联式>嵌入式

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