css的内联元素,块元素详情

块元素(block element)

  * 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 - 非排序列表

内联元素(inline element)

  * 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 - 下划线  * var - 定义变量

可变元素

  可变元素为根据上下文语境决定该元素为块元素或者内联元素。  * applet - java applet  * button - 按钮  * del - 删除文本  * iframe - inline frame  * ins - 插入的文本  * map - 图片区块(map)  * object - object对象  * script - 客户端脚本
时间: 2024-10-09 23:24:18

css的内联元素,块元素详情的相关文章

HTML 基础 内联与块元素

什么是块级元素和内联元素 block(块)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度100%,除非设定一个宽度. ④它可以填写内联元素和其他块元素 inline元素的特点: ①和其他元素都在一行上: ②高,宽度不可改变: ③宽度就是它的文字或图片的宽度,不可改变 ④内联元素只能容纳文本或者其他内联元素 其中css的display属性能修改块元素与内联元素 ◎ blockquote - 块引用 ◎ center - 举中对齐块 ◎ ul - 非排序列表(无

css 行内元素 块元素 替换元素 非替换元素 以及这些元素的width height margin padding 特性

一.各种元素的width height margin padding 特性(具体css元素的分来参看二) 1.块级元素 width. height. margin的四个方向. padding的四个方向都正常显示,遵循标准的css盒模型.例如:div 2.行内替换元素 width. height. margin的四个方向. padding的四个方向都正常显示,遵循标准的css盒模型. 例如:img 2.行内非替换元素(重点) width. height不起作用,用line-height来控制高度.

css 内联与块

内联元素可以理解为不能直接设置宽度和高度元素,比如span,你为他设置宽度和高度没有效果,除非你把它设置成块级元素. 如下面的代码把display:block;属性值去掉的话,宽度和高度都不会起作用了. 1 <span style="width:100px;height:100px;display:block;"></span> margin可以控制内联和块级元素的间距,而不光是内联元素. 主要注意他们之间的转换问题,如块级元素加float属性会变为内联元素.

内联(行级)元素不能设置margin-top

内联(行级)元素 不能设置宽高,但padding属性可以设置,需要注意的是行级元素不能设置margin-top和margin-bottom属性,但可以设置margin-left和margin-right属性.如果需要设置行级元素的margin-top或margin-bottom属性,必须将行级元素转换成内联块级元素或块级元素.

CSS3与页面布局学习总结——Box Model、边距折叠、内联与块标签、CSSReset

目录 一.盒子模型(Box Model) 1.1.宽度测试 1.2.溢出测试 1.3.box-sizing属性 1.4.利用CSS画图 二.边距折叠 2.1.概要 2.2.垂直方向外边距合并计算 三.内联与块级标签 3.1.行内标签与块标签区别 3.2.隐藏 3.3.行内块标签 3.4.菜单示例 四.重置浏览器默认样式 4.1.CSSReset 4.1.1.MT css reset 4.1.2.PC css reset 4.1.3.PPTV css reset 4.1.4 YUI css res

CSS3与页面布局学习总结(二)——Box Model、边距折叠、内联与块标签、CSSReset

一.盒子模型(Box Model) 盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin).边框(Border).内边距(Padding)和内容(Content),其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型,加上了doctype声明,让所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子.当设置一个元素的样式如下: <!DOCTYPE html> <html> <

CSS3(二)Box Model、边距折叠、内联与块标签、CSSReset

目录 一.盒子模型(Box Model) 1.1.宽度测试 1.2.溢出测试 1.3.box-sizing属性 1.4.利用CSS画图 二.边距折叠 2.1.概要 2.2.垂直方向外边距合并计算 三.内联与块级标签 3.1.行内标签与块标签区别 3.2.隐藏 3.3.行内块标签 3.4.菜单示例 四.重置浏览器默认样式 4.1.CSSReset 4.1.1.MT css reset 4.1.2.PC css reset 4.1.3.PPTV css reset 4.1.4 YUI css res

CSS的内联样式和外链样式简单介绍

CSS的内联样式和外链样式简单介绍:关于标题中的概念可能很多朋友根本就有在意过,或者没有特别的注意,但并不说明他们就没有使用对应的方式设置样式,但是能够明白各自的代表那种方式总比不明白的好,下面就介绍一下它们各自的概念.一.内联样式:所谓的内联样式就是直接写在标签内部的样式,代码如下: <div style="color:red">蚂蚁部落</div> 以上代码可以将字体颜色设置为红色.二.外链样式表:外链样式表就是通过在网页头部利用link标签引用一个单独的c

内联和快元素的特点

内联元素的特点  1.和其他的元素显示在一行上:  2.内边距和外边距.高度,宽度都是不可改变的,他的宽度是根据他的显示文本和图像的宽度  3.可以通过css来将它变成为块元素之后然后就可以用css其他样式应用了. 块元素的特点: 1.总是在新的一行上显示: 2.高度.行高.宽度.内边距.外边距等都是可控制的: 3.他的高度默认为0,是根据元素内的内容而决定的,宽度是父元素的宽度,但是可以通过css控制它,显示的指定他的宽度和高度,可以利用浮动和定位来将他与其他的块元素也显示在一行上: