html/css基礎查漏補缺

  • <em> 強調 斜體
  • <strong> 更加強烈的強調 粗體
  • <span> 沒有語義,單獨設樣式時使用
  • <q> 引用
  • <blockquote> 長文本引用
  • <address> 地址信息
  • <code> 代碼
  • <pre> 大段代碼
  • <tbody> 表格內容多時,是加載一點顯示一點,加上這個標簽后,表格下載完之后才會顯示
  • <caption> 表格添加標題
  • letter-spacing 字母間距 word-spacing單詞間距
  • 不定寬度的塊狀元素有三種方法居中:
    • 加入 table 標簽
    • 設置 display: inline 方法:與第一種類似,顯示類型設為 行內元素,進行不定寬元素的屬性設置
    • 設置 position:relative 和 left:50%:利用 相對定位 的方式,將元素向左偏移 50% ,即達到居中的目的
  • 定寬塊狀元素
    • 滿足定寬和塊狀兩個條件的元素是可以通過設置“左右margin”值為“auto”來實現(xiàn)居中的。
  • 父元素高度確定的單行文本的豎直居中的方法是通過設置父元素的 height 和 line-height 高度一致來實現(xiàn)的。
  • 父元素高度確定的多行文本、圖片等的豎直居中的方法有兩種
    • 使用插入 table (包括tbody、tr、td)標簽,同時設置 vertical-align:middle,td 標簽默認情況下就默認設置了 vertical-align 為 middle,所以我們不需要顯式地設置了。
    • 在 chrome、firefox 及 IE8 以上的瀏覽器下可以設置塊級元素的 display 為 table-cell(設置為表格單元顯示),激活 vertical-align 屬性,但注意 IE6、7 并不支持這個樣式, 兼容性比較差。
  • border-collapse: collapse; border="1" 表格內部邊框顯示
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,805評論 1 92
  • CSS格式化排版 1、字體 我們可以使用css樣式為網(wǎng)頁中的文字設置字體、字號、顏色等樣式屬性。下面我們來看一個例...
    張文靖同學閱讀 1,310評論 0 3
  • 本文主要是起筆記的作用,內容來自慕課網(wǎng). 認識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,663評論 0 30
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,318評論 0 5
  • Html 標簽 斜體 粗體 單獨的樣式 引用文本 長文本引用 換行 空格 分割線 地址信息 單行代碼 多行代碼 無...
    SunnySky_閱讀 565評論 0 5