zoukankan      html  css  js  c++  java
  • display,visibility,meta知识

    <div style="display:">显示</div>
    <div style="display:none;">隐藏不占位</div>

    <div style="visibility:">显示</div>
    <div style="visibility:hidden;">隐藏占位</div>

    <div visible="true" runat="server">显示</div>
    <div visible="false" runat="server">消失不占位</div>

    visibility:可见性,能见度,
    display:显示
    1)display
        隐藏必须使用none值,该隐藏不占位,页面源代码可见。
        显示可使用空或block或inline,意思分别为:无此属性、显示视为div(有换行符)、显示视为span(无换行符)。
      2)visibility
        隐藏必须使用hidden值,该隐藏占位,页面源代码可见。
        显示可使用空或visible,意思分别为:无此属性、显示。
      3)visible(服务器控件)
        隐藏必须使用false值与runat="server",该隐藏不占位,页面源代码不可见。
        显示可使用空或true,意思分别为:无此属性、可见。

    Block 是display的性质:block块状使用display:block制作横向导航菜单

    就是比如可以把行元素 转换为快元素。比如<span></span><span></span>
    两个span如果没用DISPLAY:BLOCK;那么它们就会在同一行。
    但是如果<span style="display:block;"></span><span style="display:block;"></span>就会变成块 另其一行

    meta:元
    meta是html语言head区的一个辅助性标签;meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言等
    meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    http-equiv属性
    http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容
    charset:字符集


    <div style= "display:inline "> 444</div>
    <div style= "display:inline "> dddd </div><br />
    这里的display都设置为inline属性 输出的结果444 dddd 在同一行内,行内元素
    如果不加inline 是块状元素
    <div> 1 </div>
    <div>2</div>


    【block】

      [1]不设置宽度时,宽度为父元素宽度

      [2]独占一行

      [3]支持宽高

    【inline】

      [1]内容撑开宽度

      [2]非独占一行

      [3]不支持宽高

      [4]代码换行被解析成空格
    ;
    .nav:li 是.nav的儿子元素 :first-child :代表过滤的意思,第一个元素


    > 子选择器 +相邻选择器 ~ 同辈选择器

  • 相关阅读:
    反射
    IDEA配置数据库
    配置idea的maven镜像为aliyun
    蓝桥---芯片测试(思维)
    汉诺塔(思维、DP思想)
    立方数(质因子、优化)
    碎碎念(DP)
    牛牛战队的比赛地(三分)
    子段乘积(尺取、逆元)
    子段异或(位运算)
  • 原文地址:https://www.cnblogs.com/ZkbFighting/p/8145639.html
Copyright © 2011-2022 走看看