【css】主要的塊狀元素(block element)和內聯元素(inline element行內元素)

来源:http://www.cnblogs.com/lemonade1172/archive/2017/07/13/7161341.html
-Advertisement-
Play Games

內聯元素:只在行內發生作用,設置寬高不起作用,不會影響文字內容,使其換行等。豎直方向和間距也不起作用 display可以強制轉換行內元素和塊狀元素,還可以取消顯示none 塊元素(block element) address - 地址 blockquote - 塊引用 center - 舉中對齊塊 ...


  內聯元素:只在行內發生作用,設置寬高不起作用,不會影響文字內容,使其換行等。豎直方向和間距也不起作用   display可以強制轉換行內元素和塊狀元素,還可以取消顯示none   塊元素(block element) address - 地址 blockquote - 塊引用 center - 舉中對齊塊 dir - 目錄列表 div - 常用塊級元素,也是CSS layout的主要標簽 dl - 定義列表 fieldset - form控制組 form - 交互表單 h1 - 大標題 h2 - 副標題 h3 - 3級標題 h4 - 4級標題 h5 - 5級標題 h6 - 6級標題 hr - 水平分隔線 isindex - input prompt menu - 菜單列表 noframes - frames可選內容,(對於不支持frame的瀏覽器顯示此區塊內容 noscript - 可選腳本內容(對於不支持script的瀏覽器顯示此內容) ol - 排序表單(order list) p - 段落 pre - 格式化文本 table - 表格 ul - 非排序列表(unorder list) 引用: 沒有寫 display: block 之前,無法設置 width和height   內聯元素(inline element)行內元素 a - 錨點 abbr - 縮寫 acronym - 首字 b - 粗體(不推薦) bdo - bidi override big - 大字體 br - 換行 cite - 引用 code - 電腦代碼(在引用源碼的時候需要) dfn - 定義欄位 em - 強調 font - 字體設定(不推薦) i - 斜體 img - 圖片 input - 輸入框 kbd - 定義鍵盤文本 label - 表格標簽 q - 短引用 s - 中劃線(不推薦) samp - 定義範例電腦代碼 select - 項目選擇 small - 小字體文本 span - 常用內聯容器,定義文本內區塊 strike - 中劃線 strong - 粗體強調 sub - 下標 sup - 上標 textarea - 多行文本輸入框 tt - 電傳文本 u - 下劃線 var - 定義變數 空元素:
br-換行, hr-水平分割線

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 緩存變數 DOM遍歷是昂貴的,所以儘量將會重用的元素緩存。 避免全局變數 jQuery與javascript一樣,一般來說,最好確保你的變數在函數作用域內。 使用匈牙利命名法 在變數前加$首碼,便於識別出jQuery對象。 使用 Var 鏈(單 Var 模式) 將多條var語句合併為一條語句,我建議 ...
  • 本文不是一篇 JavaScript 模塊化或者 RequireJS 的教程,只是從 RequireJS 的源碼來剖析了動態載入腳本和處理非同步的思想,如果你想閱讀一篇有關 RequireJS API 的文章,那麼這並不適合你,如果你對 RequireJS 載入腳本和處理回調的原理感興趣,那麼本篇文章一... ...
  • 無序列表是html頁面排版經常用到的非常實用的標簽,但是新手在使用無序列表時,經常會在橫向排版上出現問題,筆者在這裡提供了筆者在使用無序列表製作網頁導航欄時的幾種方法與常見問題的解決問題。(以css內部樣式為例) [註:有同學之前問過我怎麼製作一張網頁,但只會html,本文用到均為css。故說明:若 ...
  • 前段時間用微信開發者工具重構一個菜單項目的時候發現iphoneSE顯示不全以及佈局錯亂的問題,找到了一個簡單粗暴的解決方法。 移動設備上的viewport分為layout viewport 、 visual viewport 和 ideal viewport 三類, 其中的ideal viewpor ...
  • ①Math.trunc() Math.trunc()方法用於去除一個數的小數部分,返回整數部分。 參數為非數值時,Math.trunc()方法會先用Number()將其轉換為數值,若無法獲取數值的整數部分,比如字元串或NaN或空值等,會返回NaN. ②Math.sign() Math.sign()方 ...
  • 總體概念 常見的塊級元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。 常見的內聯元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block,inline和inl ...
  • 直接打開html文件,是以file:///方式打開的,這種方式很多時候會遇到跨域的問題,因此我們一般會搭建一個簡易的本地伺服器,來運行測試頁面。 一、構建靜態伺服器 1、使用express模塊 建立個js文件,命名server,內容代碼如下: 文件結構如下: 運行的話只要執行:node server ...
  • 兩種常用的HTTP請求方式:post和get get:從指定的資源進行請求。數據長度有限制(2048個字元)可被緩存、可被保留在瀏覽器歷史記錄中,安全性較差。發送敏感信息如密碼時不適用。 post:向指定的資源提交要被處理的數據。數據長度無限制、不可被緩存,不可保存在瀏覽器歷史記錄中,安全性較高。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...