CSS樣式常見問題內(nèi)容總結(jié)_第1頁
CSS樣式常見問題內(nèi)容總結(jié)_第2頁
CSS樣式常見問題內(nèi)容總結(jié)_第3頁
CSS樣式常見問題內(nèi)容總結(jié)_第4頁
CSS樣式常見問題內(nèi)容總結(jié)_第5頁
已閱讀5頁,還剩4頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

背景設(shè)置:方法一:給body設(shè)置高度,它的子元素就會出現(xiàn);給html設(shè)置高度,整個屏幕會出現(xiàn),(高度為屏幕的高度);內(nèi)容超過html會溢出;方法二:適應(yīng)屏幕寬度,每次打開頁面都進(jìn)行響應(yīng);文本垂直居中1.單行文本垂直居中:line-height:行高;2.多行文本如何居中:方法一:圖文:要給圖片設(shè)置寬度;方法一:調(diào)整文本或圖片的上下邊距;方法二:設(shè)置成左右兩塊;如何將div放到父元素底部:定位:父元素:position:relative;子元素:position:absolute;arrow圖片下移到父元素最底部:bottom:0;/相對父元素底部移動 0px;然后調(diào)整margin(外邊距);圖文注意:圖片設(shè)置寬度,基線對齊方法一:設(shè)置三個div,不用設(shè)置padding-left,給圖片設(shè)置高度,用圖片的高度給標(biāo)題部分設(shè)置垂直對齊;方法二:要給圖片設(shè)置寬度,設(shè)置成上下;屏幕適配問題:這種屏幕可以設(shè)置為1200px,里邊的內(nèi)容也就可以用固定的像素設(shè)置;不同電腦上都不會影響它的寬度,只是會縮小留白部分;(字體大小的處理,企業(yè)常用)媒體查詢器:每打開一個頁面寬度,1080-1366px之間,字體默認(rèn)為16px;根據(jù)根元素設(shè)置字體大?。╮em:相對根元素的字體大小);1920/1366*rem=屏幕字體大??;打開頁面之前要先計(jì)算屏幕比例,會影響瀏覽器的運(yùn)行速度;移動端:不需

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論