網頁高階知識點（二）

weixin_34321977發表於2018-06-07
網頁
固定定位（position: fixed;）
  • 相當於瀏覽器視窗定位，會固定在視窗某一位置不動。（IE6及以下瀏覽器不支援固定定位）
  • 其他特性同絕對位置
z-index
  • 提升定位元素所在層級
  • 可以指定一個整數作為引數，數越大優先順序越高，子元素再大父元素也不會大過子元素（水漲船高的道理）
背景
語句 語意
background-color: 背景色
background-image: ulr(圖片路徑) 用圖片做背景
background-repeat:(控制背景圖片的重複方式)
引數 作用
repeat; 預設值，圖片左右上下平鋪
no-repeat; 只顯示圖片一次，不會平鋪
repeat-x; 沿x軸水平平鋪一張圖片
repeat-y; 沿y軸水平平鋪一張圖片
background-position:(控制背景圖片在元素中的位置)
語句 語意
:關鍵字； 至少寫兩個不衝突的值，若只寫一個，則第二個值默百分認為center
:百分比； x軸和y軸設定偏移百分比
:數值； x軸和y軸設定偏移量，設負值圖片會移出
background-attachment:(設定背景是否隨頁面滾動)
語句 語意
scroll; 隨頁面滾動
fixed; 不隨頁面滾動
表格(table)
語句 語意
tr 表示表格中的一行
th 表示表頭
td 表示表格中的一個單元格
caption 表示表格的標題
thead 表示表格的頭部
tbody 表示表格的主體
tfoot 表示表格的底部
-colspan 橫向合併表格
-rowspan 縱向合併表格

相關文章