整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          CSS 的元素顯示模式

          、塊元素顯示規律

          切記:P標簽里不能有DIV標簽

          二、行內元素顯示規律

          三、行內塊元素顯示規律

          小總結:

          四、元素顯示模式轉換

          TML 實體

          在 HTML 中,某些字符是預留的。

          在 HTML 中不能使用小于號(<)和大于號(>),這是因為瀏覽器會誤認為它們是標簽。

          如果希望正確地顯示預留字符,我們必須在 HTML 源代碼中使用字符實體(character entities)。

          字符實體類似這樣:

          &entity_name;
          或者
          entity_number;
          

          如需顯示小于號,我們必須這樣寫:< 或 <

          提示:使用實體名而不是數字的好處是,名稱易于記憶。不過壞處是,瀏覽器也許并不支持所有實體名稱(對實體數字的支持卻很好)。

          HTML基礎教程: 瀏覽器中符號是怎么顯示出來的

          不間斷空格(non-breaking space)

          HTML 中的常用字符實體是不間斷空格( )。

          瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格,在顯示該頁面之前,瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數量,您需要使用 字符實體。

          實例

          <html>
          <body>
          <h2>字符實體</h2>
          <p>&x;</p>
          <p>用實體數字(比如"divide")或者實體名稱(比如 "#247")替代 "X",然后查看結果。</p>
          </body>
          </html>
          

          HTML基礎教程: 瀏覽器中符號是怎么顯示出來的

          希望以上可以解決你們心中的一些疑惑,其中可能會有不對的地方或是需要改進的地方,歡迎留言糾正。感覺還不錯歡迎關注收藏轉載哦

          html頁面,顯示的內容太多,會影響用戶體驗,如果有一些,點擊才出現的內容,就可以減少內容的干擾。使用jquery就可以很快的實現。


          例子

          <!DOCTYPE html>
          <html lang="en">
          <head>
           <meta charset="UTF-8">
           <meta name="viewport" content="width=device-width, initial-scale=1.0">
           <meta http-equiv="X-UA-Compatible" content="ie=edge">
           <title>div隱藏測試</title>
           <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
           </script>
          </head>
          <body>
           <button id="controller">隱藏或者顯示</button>
           <div id="contents" style="display: none;">
           <p>div的內容</p>
           </div>
           <script>
           $("#controller").click(function () {
           if ($("#contents").is(":hidden")) {
           $("#contents").show()
           } else {
           $("#contents").hide()
           }
           })
           </script>
          </body>
          </html>
          


          jqyery操作

          $("#contents").is(":hidden") 可以判斷是否是隱藏

          $("#contents").show() 表示display:block,

          $("#contents").hide() 表示display:none;

          操作元素的屬性

          $("#contents").attr("style","display:none;"); //隱藏div

          $("#contents").attr("style","display:block;"); //顯示div

          也可以操作css屬性

          $("#contents").css("display","none"); //隱藏div

          $("#contents").css("display","block"); //顯示div

          也可以直接使用toggle轉換開關實現

          $("#contents").toggle()


          主站蜘蛛池模板: 最美女人体内射精一区二区| 怡红院美国分院一区二区| 一区二区三区在线播放视频| 亚洲国产韩国一区二区| 国产精品一区二区三区99| 精品人妻无码一区二区色欲产成人| 亚洲男人的天堂一区二区| 69久久精品无码一区二区| 日本一区二区不卡在线| 一区二区三区久久精品| 精品国产一区二区三区www| 亚洲精品一区二区三区四区乱码| 国模无码一区二区三区不卡| 日韩AV无码一区二区三区不卡| 麻豆果冻传媒2021精品传媒一区下载| 东京热无码一区二区三区av| 一区二区三区四区无限乱码 | 免费精品一区二区三区第35| 日韩一区二区三区免费播放| 久久精品无码一区二区三区不卡| 亚洲一区二区三区四区视频| 无码人妻少妇色欲AV一区二区| 人妻少妇AV无码一区二区| 国产美女av在线一区| 国产成人片视频一区二区| 一区二区三区免费在线视频| 国产精品电影一区二区三区| 国产精品久久久久一区二区三区| 国产一区二区久久久| 国产精品视频一区二区三区经| 国产吧一区在线视频| 亚洲福利一区二区| 亚洲一区二区三区四区视频| 97久久精品无码一区二区天美| 国产福利一区二区三区| 国产精品第一区揄拍| 欧美人妻一区黄a片| 国产精品一区电影| 一区二区三区AV高清免费波多| 国产精品区AV一区二区| 中文字幕亚洲一区二区va在线|