盒模型块元素行内元素

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

盒模型Div标签,就是在页面中插入一个矩形区域,在这个区域中可以添加图片、文字信息。这个区域称为盒模型,盒模型由边界、边框、填充、内容四部分组成。边界指盒模型边框同其他元素的距离。边框指盒模型的四周边框。填充是指盒模型边框同内容的距离。内容是指添加在盒模型里的文字、图片等信息。CSS文档流文档流是指将窗体自上而下分成一行行,并在每行中按从左至右的顺序排放元素。有三种情况使元素脱离文档流存在,分别是浮动、绝对定位、固定定位。块级元素、内联元素块元素一般是其他元素的容器元素。容纳内联元素、其他块元素。任何不是块级元素的可见元素都是内联元素。行内就是在一行内的元素,只能放在行内;块级元素,就是一个四方块,可以放在页面上任何地方。说白了,行内元素就好像一个单词;块级元素就好像一个段落,如果不另加定义的话,它将独立一行出现。1、块元素address(地址)、blockquote(块引用)、Center(举中对齐块)、Dir(目录列表)、Div、dl(定义列表)、fieldset-form控制组、form(交互表单)、h1(标题)、hr(水平分隔线)、isindex-inputprompt、menu(菜单列表)、noframes-frames(可选内容)、Noscript(可选脚本内容)、ol(排序列表)、p(段落)、Pre(格式化文本)、Table(表格)、ul(非排序列表)。2、内联元素a(锚点)、abbr(缩写)、acronym(首字)、b(粗体)、bdo-bidioverride、big(大字体)、br(换行)、cite(引用)、code(计算机代码)、dfn(定义字段)、em(强调)、font(字体设定)、i(斜体)、img(图片)、input(输入框)、kbd(定义键盘文本)、label(表格标签)、q(短引用)、s(中划线)、samp(定义范例计算机代码)、select(项目选择)、small(小字体文本)、span(常用内联容器,定义文本内区块)、strike(中划线)、strong(粗体强调)、sub(下标)、sup(上标)、textarea(多行文本输入框)、tt(电传文本)、u(下划线)、var(定义变量)。3、可变元素可变元素为根据上下文语境决定该元素为块元素或者内联元素。applet-javaapplet、button(按钮)、del(删除文本)、iframe-inlineframe、ins(插入的文本)、Map(图片)、object-object(对象)、script(客户端脚本)。

1 / 2
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功