首页 > CSS, 技术 > CSS中的块级元素与内联元素

CSS中的块级元素与内联元素

2010年6月10日 作者: 发表评论 阅读评论

元素(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 – 客户端脚本

CSS的时候这个还是挺需要的,因为我之前对这个不是很了解,有的本来就是块级元素的还让我给加了个display:block,真是多此一举,呵呵,知道了这个以后就不会犯同样错误了。

PS:文章整理于网络,原作者不详,如作者看到请联系我。

无觅相关文章插件,快速提升流量

分类: CSS, 技术 标签: , , , 阅读:160  纯文字版
  1. 2010年6月10日23:48

    还没去学,难不难啊?

    [回复]

    自由人 回复:

    CSS其实不难,要说难也就是各种浏览器的兼容性吧

    [回复]

  2. 2010年6月11日07:56

    来看看!感觉很复杂!

    [回复]

    自由人 回复:

    其实没什么的 呵呵

    [回复]

  3. 2010年6月11日09:14

    技术性选手

    [回复]

    自由人 回复:

    其实我懂的也不多

    [回复]

  4. 2010年6月11日10:48

    好多我都不知道耶~

    [回复]

    自由人 回复:

    因为有很多标签都不常见,平常用的也就那么些标签 呵呵

    [回复]

  5. 2010年6月11日14:37

    刚刚才学了个html的基础,这些对我来说有点难了

    [回复]

    自由人 回复:

    其实很容易的 加油!

    [回复]

  6. 2010年6月11日16:53

    关于Css以前在学校没好好学,现在好多不会了

    [回复]

    自由人 回复:

    这个简单,只要多改写代码自然就会了

    [回复]

  7. 2010年6月11日17:37

    分享精神要支持

    [回复]

    自由人 回复:

    呵呵 谢谢!

    [回复]

  8. 2010年6月12日08:27

    好些天没来了,过来看看。

    [回复]

    自由人 回复:

    欢迎欢迎!

    [回复]

  9. 2010年6月12日15:14

    都是一些比较基础的

    [回复]

    自由人 回复:

    是啊,CSS本身是比较简单的

    [回复]

  10. XL
    2010年6月15日14:33

    我刚下来一套div +css的教程~

    [回复]

  11. 2010年6月17日21:44

    估计博主确实是div+css的高手

    [回复]

    自由人 回复:

    高手算不上 呵呵,就是爱鼓捣

    [回复]

  12. 2010年6月26日00:20

    我刚开始学css,貌似不简单

    [回复]