【CSS块、行元素的区别】

CSS块、行元素的区别

块元素的特性

独占一行显示;

可以设置宽高;

margin、padding横纵向都有效;

块转行——display: inline; 可以转换成行元素;

除(p、h1-h6)个别特殊元素外,可包含块状元素和行内元素;

form不能直接包含行元素。


行元素的特性

高度由内容撑开,可以并排显示;

不能设置宽高,由内容决定其宽高;

margin、padding横向设置有效,纵向不起效果;

行转块——display: block;可以转换成块元素;

除ins和del外,不能包含块状元素。


如何使元素在网页上不可见?

1.display : none;(彻底消失)

不为被隐藏的对象保留其物理空间,即该对象的内容、大小在页面上彻底消失;

2.visibility : hidden;(隐身)

使对象在网页上不可见,但该对象在网页上所占的空间大小没有改变。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,662评论 0 30
  • CSS盒模型 在CSS中盒模型被分为两种,第一种是W3C的标准模型,第二种是IE怪异盒模型。两种盒子模型都包括pa...
    _空空阅读 3,383评论 0 3
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 958评论 0 1
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,299评论 0 5