zoukankan      html  css  js  c++  java
  • 从块级元素和内联元素浅谈标签的嵌套规则

    • 块级元素---h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见
    • 内联元素---a,b,br,em,i,img,input,strong,textarea,span,label等常见
    • 内联元素的padding、margin左右有效,上下无效。内联也可以设置边框。
     
    他们两个的区别
     
    • 块级元素一般用来搭建网站架构、布局、承载内容
    • 内联元素一般用来在网站内容中的某些细节或者部位,用以“强调、区分样式、上标、下标、锚点”等等。
    • 它们可以互相转换。display:inline|block
    • 块级元素的特点:每一个块级元素都识从一个新行开始显示,其后的元素需要另起一行
    CSS权威指南上-------------
     
                    任何不是块级元素的可见元素都是内联元素。
     
    好了 简单地说了一下块级元素和内联元素,下面我们开始我们的重点-----嵌套规则
     
    1. 块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。
    2. 块级元素不能放在p里面
    3. 有几个特殊的块级元素只能包含内联元素,不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
    4. li内可以包含div
    5. 块级元素与块级元素并列、内联元素与内联元素并列。(错误的:<div><h2></h2><span></span></div>)
  • 相关阅读:
    获取SpringMVC的映射路径
    Spring任务调度之Quartz集成
    Spring任务调度之SpringTask基于XML和基于注解的使用示例
    Redis分布式集群搭建
    京东软开实习岗
    C语言编程练习(一)
    servlet温习
    tomcat启动超过时间
    JDK版本更换,Eclipse中所有的项目报错
    Myeclipse2017C版本破解
  • 原文地址:https://www.cnblogs.com/annie211/p/5940045.html
Copyright © 2011-2022 走看看