开启辅助访问
帐号登录 |立即注册

CSS块级元素和行内元素

 
1.块级元素
  • 独占一行,不能与其他元素并列。
  • 可以设置  宽  高。不设置宽度会默认为 父级元素的100%。
举例:<div> <hr> <列表 ul>  <表格 table>  <标题 h>  <表单 form>   <p>


2.行内元素
与其他 行内元素 并排,不能设置宽高。高度等于字体大小。
举例:<a> <i> <b> <br> <img> <input> <label> </>
注:突然发现 可以这样的 </>就是行内元素。

在HTML中将标签分为:文本级、容器级两大类:
  • 文本级:p、span、a、b、i、u、em
  • 容器级:div、h系列、li、dt、dd
CSS元素分类:
  • 块级元素:div、h系列、li、dt、dd、p   所有的容器级标签都是块级元素
  • 行内元素:span、a、b、i、u、em      所有文本级标签,都是行内元素,除了p,p是个文本级,但是个块级元素


3.块级和行内互换
display: inline;   将块级元素转换成行内元素
display: block;   将行内元素转换成块级元素

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。