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

GD Star Rating
loading...

块元素(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:文章整理于网络,原作者不详,如作者看到请联系我。

已有22条评论 发表评论

  1. 奥德雷的雷人事迹 /

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

    GD Star Rating
    loading...
  2. 网络推广 /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...
  3. XL /

    :(21): 我刚下来一套div +css的教程~

    GD Star Rating
    loading...
  4. Firm /

    都是一些比较基础的

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...
  5. 且听风吟 /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      :(4): 欢迎欢迎!

      GD Star Rating
      loading...
  6. 王光卫中文博客 /

    分享精神要支持

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      呵呵 谢谢!

      GD Star Rating
      loading...
  7. 博百优 /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...
  8. 扯远了 /

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

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      其实很容易的 加油! :(4):

      GD Star Rating
      loading...
  9. 万戈 /

    好多我都不知道耶~

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...
  10. 博百优 /

    技术性选手

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      :(8): 其实我懂的也不多

      GD Star Rating
      loading...
  11. 于泽鹏 /

    来看看!感觉很复杂!

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

      :(10): 其实没什么的 呵呵

      GD Star Rating
      loading...
  12. xiulong /

    还没去学,难不难啊?

    GD Star Rating
    loading...
    1. 自由人 / 本文作者

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

      GD Star Rating
      loading...

发表评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.