HTML中的块级元素和内联元素

1.特性

块级元素（block level element）总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示       宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制       宽度没有设置时，默认为100%      可以包含某些块级元素和内联元素注意：p里不能包含h标签
内联元素（inline element）  内联元素允许其他内联元素与其位于同一行     宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变       宽高就是内容的高度，不可以改变      只能包含内联元素，不能包含块级元素

2.常见的块级元素和内联元素

块级元素address - 地址     blockquote - 块引用        center - 居中对齐       dir - 目录列表      div - 常用块级容易，也是CSS layout的主要标签       dl - 定义列表       fieldset - form控制组      form - 交互表单     h1 - 大标题        h2 - 副标题        h3 - 3级标题       h4 - 4级标题       h5 - 5级标题       h6 - 6级标题       hr - 水平分隔线      isindex - input prompt      menu - 菜单列表     noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容      noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）       ol - 有序表单       p - 段落      pre - 格式化文本     table - 表格      ul - 无序列表
内联元素    a - 锚点      abbr - 缩写       acronym - 首字        b - 粗体(不推荐)     bdo - bidi override     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 - 下划线

3.块级元素和内联元素转换

 通过CSS的display属性，我们可以改变元素的默认基本。       display的三种值     display:block -- 显示为块级元素display:inline -- 显示为内联元素       inline-block -- 内联元素和块级元素特性兼而有之，既不会占满父元素，又可以设置width和height属性。

HTML中的块级元素和内联元素相关推荐

html中块级元素并列,HTML的块级元素和内联元素
一.任何不是块级元素的可见元素都是内联元素## 块元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir ...
html内联元素和块元素的特性,HTML中块级元素和内联元素的特性详解
原标题:HTML中块级元素和内联元素的特性详解在网站布局中经常会遇到元素进行居中的时候,设置了text-align:center:margin:0 auto;有时候会起作用,但有时候对居中无效,刚接 ...
html块级元素转换内联,HTML中的块级元素和内联元素
1.特性块级元素(block level element) 总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示宽度(width).高度(height).内边距(padding)和外 ...
Html 中的块级元素和行内元素（内联元素）
先从字面意思找,块级元素可以看做讲台,自己独占一排,常见标签:<h1>, <p>, <ul>, <table>:行内元素(内联元素)可以看做学生的课桌, ...
块级元素与行级元素（内联元素）
内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a".块元素(block elemen ...
浅谈块级元素和内联元素的嵌套规则
1. 替换和不可替换元素从元素本身的特点来讲,可以分为替换和不可替换元素. a) 替换元素替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容. 例如浏览器会根据<img> ...
CSS块级元素、内联元素概念
CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>, ...
html能插入背景的行级元素,Html元素类型：块级元素、行内元素（内联元素）和行内块级元素...
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? html中的标签元素大体被分为三种不同的类型:块级元素.内联元素(又叫行内元素)和内联块级元素.事实上,我以前用的时候只 ...
html块状元素和内联元素_HTML中的内联元素和块元素-解释
html块状元素和内联元素块和内联元素 (Block and Inline Elements) Let's understand block and inline elements using th ...

HTML中的块级元素和内联元素

HTML中的块级元素和内联元素相关推荐

最新文章

热门文章