zoukankan      html  css  js  c++  java
  • html之内联元素与块状元素

    一.html之内联元素与块状元素


    1.块状元素一般比较霸道,它排斥与其他元素位于同一行内。比如div,并且width与height对它起作用。

    2.内联元素只能容纳文本或者其他内联元素,它允许与其他内联元素位于同一行内。比如span。但是,width与height对它不起作用。

    3.当然,块状元素与内联元素是可以相互装换的。给块状元素设置display:inline;或者给内联元素设置display:block;即可装换。

    4.所有块状元素:      

    address – 地址  blockquote – 块引用            center – 居中对齐       dir – 目录列表          div – 常用块级容易,也是CSS layout的主要标签

    dl – 定义列表  fieldset – form控制组  form – 交互表单好 h1-h6 - 标题  hr – 水平分隔线 isindex – input prompt

    menu – 菜单列表 noframes – frames可选内容,(对于不支持frame的浏览器显示此区块内容 noscript – 可选脚本内容(对于不支持script的浏览器显示此内容

    ol – 有序表单  p – 段落  pre – 格式化文本  table – 表格  ul – 无序列表

    5.  常用的块状元素:

    •div  -  块  •p  -  段落  •h1 ~ h6  -  大标题  •table , form  -  表格,表单  •ul , ol  - 非排序列表,排序表单  •hr  -  水平分割线

    6.常见的内联元素:

    •a   -  锚点     •span  -  内联块    •br  -  换行    •input  -  输入框    •img  -  图片  select  -  项目选址    •textarea  -  多行文本输入框

    7.所有的内联元素:

    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 – 定义变量


     

  • 相关阅读:
    多线程
    ERP概念介绍
    Servlet生命周期
    springmvc工作流程
    spring事务管理的接口
    解决主从备份Slave_SQL_Running:No
    实现Mysql主从备份
    springboot集成mybatis进行开发
    SpringBoot 入门第一章
    Hibernate 关联关系映射
  • 原文地址:https://www.cnblogs.com/zxl89/p/5882852.html
Copyright © 2011-2022 走看看