第一篇:前端开发-css元素类型详解

2020-04-02 16:00:58来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

第一篇:前端开发-css元素类型详解

 css元素类型详解

 css元素类型可分为三类:块状元素、内联元素以及可变元素(具有争议)

1、块状元素

特点:

  a、在页面中以矩形区域显示;

  b、自上而下排列,独占一行;

  c、可直接添加宽高;

  d、一般情况下直接作为其他元素或内容的容器。

块状元素:

  div:最常用的块状元素

  dl:和dt、dd搭配使用的块状元素

  form:交互表单

  h1-h6:大标题

  hr:水平分隔线

  ul:无序列表

  ol:有序列表

  li:列表单元

  p:段落

  fieldset:表单字段集

  colgroup-col:表单列分组元素

  table-tr-td:表格及行列单元格

 

2、内联元素

特点:

  a、在页面中最小单位也是矩形;

  b、横向排列,在一行内逐个排列。如果元素间有回车,会出现空格;

  c、不可直接添加宽高,大小直接由内容撑开;

  d、也符合盒模型规则,但个别属性会出现问题,如padding-top/bottom,margin-top/bottom(转化为块状元素后可正常使用)。

  e、也内联元素在一行排列的时候会有间距,清除方法:

    1、添加浮动。

    2、把所有内联元素放在一行,不用回车键(不推荐使用)。

内联元素

  a:超链接

  b:粗体

  br:换行

  i:斜体

  em:强调

  img:图片(特殊内联,可添加大小)

  input:输入框

  label:表单标签

  span:常用内联容器,定义文本内区块

  strong:粗体强调

  sup、sub:上下标

  textarea:多行文本输入框

 

3、可变元素

  根据上下文的显示来确定这个元素是块状元素还是内联元素。

 


原文链接:https://www.cnblogs.com/yangqinqiang/p/12595172.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:想学web前端缺乏学习路线?看这里,必须收藏!

下一篇:第三篇:前端开发-css选择符归纳