深入认识CSS的行内元素

    xiaoxiao2021-03-25  78

    一直从事ios开发,前段时间接触到前端,简单的学习了一下css,下面给大家简单的说一下,我使用css来写一个页面的心得与体会。.我是在w3c那里,通过看文档对css有了初步的认识,css的知识点整体看起来并不难。都是一些属性。但是如果仅仅是这样,那你就大错特错了,其实css并没有人们想象中的那么简单。先来说一下css的行内元素

    行内元素(inline 元素在一行内水平排列,高度由元素的内容决定,height属性不起作用,行内元素也称为内联元素。如span,input等元素。

    常见的行内元素有:

    –  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 – 下划线

     

    行内元素的特点:

    –  1.设置宽度width 无效。

    –  2.设置高度height 无效,可以通过line-height来设置。

    –  3.设置margin 只有左右margin有效,上下无效。

      4.设置padding 只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响的。

    5. 和其他元素在同一行

    6. 行内元素只能容纳文本或者其他行内元素

     

     

    转载请注明原文地址: https://ju.6miu.com/read-24029.html

    最新回复(0)