深入认识CSS的行内元素

    

一直从事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. 行内元素只能容纳文本或者其他行内元素