1.内联元素内联元素只占据其对应标签的边框所包含的空间。2.块级元素块级元素占据了其父元素(容器)的整个空间,从而创建了一个“块”。通常浏览器在块级元素之前和之后开始一个新行。3、内联元素示例HTMLCSS示例4、块级元素示例HTMLCSS示例5、内联元素的特点5.1和其他元素在同一行5.2高度、行高、外边距和内边距不能改变5.3宽度是它的文字或图片宽度不能改变。5.4内联元素只能容纳文本或其他内联元素。5.5设置内联元素时需要注意以下几点(1)设置width宽度无效。(2)设置高度无效,可以通过line-height设置。(3)设置边距只对左右有效,对上下无效。(4)设置padding只对左右有效,对上下无效。请注意,元素的范围增加了,但对元素周围的内容没有影响。6.块级元素的特点6.1始终在新行开始6.2高度、行高、边距和内边距可以改变6.3如果不设置宽度,默认宽度为容器的100%,除非一个宽度是set6.4块级元素可以包含行内元素和其他块级元素VII.内联元素与块级元素的比较7.1内容(1)内联元素一般只能包含数据和其他内联元素。(2)块级元素可以包含行内元素和其他块级元素。这种结构包含区别允许块级元素创建比行内元素“更大”的结构。7.2格式化默认情况下,内联元素不换行,而块级元素换行。7.3宽高(1)内联元素不能设置宽高(2)块级元素可以设置宽高7.4内外边距(1)内联元素水平方向的margin和padding可以取影响。但是verticalmargin和padding不能生效。(2)块级元素可以设置margin和padding八、行内元素列表a锚点abbr首字母缩略词b粗体(不推荐)bdobidioverridebig大字体brnewlinecitereferencecode计算机代码(引用来源时需要)code)dfn定义字段em强调字体字体设置(不推荐)iitalicsimgimageinput输入框kbd定义键盘文本标签tablelabelqshortreferencesdash(不推荐)samp定义samplecomputercodeselectitemselectsmallsmallfonttextspan常用作行内容器定义块在文本中划线strongbold强调subsubscriptsupsuperscripttextarea多行文本输入框tt电传文本u下划线九、块级元素列表地址blockquote块引用center居中对齐blockdirdirectorylistdiv常用块级也是CSS布局的主要标签dl定义listfieldsetform控制组form交互形式h1标题h2副标题h33级标题h44级标题h55级标题h66级标题hr水平分隔符isindexinputpromptmenumenulistnoframesframes可选内容,(对于不支持frame的浏览器,显示该块内容noscript可选脚本内容(对于不支持script的浏览器,显示该内容)ol有序形式p段落预格式化文本表格形式ul无序列表10.可变元素可变元素是根据上下文决定的行内元素或块级元素。11.1块级元素display(1)内联元素display:inline(2)块级元素display:block(3)inline-block元素display:inline-block(4)内联元素convertblock-level元素display:block(5)将块级元素转换为内联元素display:inline11.2float如果内联元素设置为float:left/right,则内联元素将转换为具有浮动特性的块级元素。11.3如果使用position定位内联元素,position:absolute或position:fixed会将内联元素转换为块级元素。阅读更多
