javaweb視頻教程_day2-資料源碼ppt網(wǎng)頁設(shè)計_css_第1頁
javaweb視頻教程_day2-資料源碼ppt網(wǎng)頁設(shè)計_css_第2頁
javaweb視頻教程_day2-資料源碼ppt網(wǎng)頁設(shè)計_css_第3頁
javaweb視頻教程_day2-資料源碼ppt網(wǎng)頁設(shè)計_css_第4頁
javaweb視頻教程_day2-資料源碼ppt網(wǎng)頁設(shè)計_css_第5頁
已閱讀5頁,還剩5頁未讀, 繼續(xù)免費閱讀

付費下載

下載本文檔

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

文檔簡介

1、高級軟件人才實作培訓(xùn)專家!CSS語言傳智.廣陵散北京傳智播客教育高級軟件人才實作培訓(xùn)專家!CSS概述 CSS(Cascading Style Sheets)是層疊樣式表用來定義網(wǎng)頁的顯示效果??梢越鉀Qhtml代碼對樣式定義的重復(fù),提高了后期樣式代碼的可維護性,并增強了網(wǎng)頁的顯示效果功能。簡單一句話:CSS將網(wǎng)頁內(nèi)容和顯示樣式進行分離,提高了顯示功能。北京傳智播客教育 高級軟件人才實作培訓(xùn)專家!CSS和HTML結(jié)合的方式 sytle屬性方式 style標簽方式(內(nèi)嵌方式) 導(dǎo)入方式 import url(css_3.css); 鏈接方式北京傳智

2、播客教育 高級軟件人才實作培訓(xùn)專家!CSS樣式優(yōu)先級和代碼規(guī)范 樣式優(yōu)先級由上到下,由外到內(nèi)。優(yōu)先級由低到高。 代碼規(guī)范選擇器名稱 屬性名:屬性值;屬性名:屬性值;.屬性與屬性之間用 分號 隔開屬性與屬性值直接按用 冒號 連接如果一個屬性有多個值的話,那么多個值用空格 隔開。北京傳智播客教育 高級軟件人才實作培訓(xùn)專家!CSS選擇器 就是指定CSS要作用的標簽,那個標簽的名稱就是選擇器。意為:選擇哪個容器。 CSS選擇器的類型 html標簽名選擇器。使用的就是html的標簽名 class選擇器(.)。其實使用的標簽中的class屬性 id選擇器

3、(#)。其實使用的是標簽的中的id屬性。 優(yōu)先級:style屬性idclass標簽名北京傳智播客教育 高級軟件人才實作培訓(xùn)專家!CSS擴展選擇器 關(guān)聯(lián)選擇器標簽是可以嵌套的,兩個或多個選擇器之間產(chǎn)生關(guān)系,就可以用此選擇器。 組合選擇器對多個不同選擇器進行相同樣式設(shè)置的時候應(yīng)用此選擇器。 偽元素選擇器其實就在html中預(yù)先定義好的一些選擇器?;蛘哒f當前元素處于的狀態(tài)。北京傳智播客教育 高級軟件人才實作培訓(xùn)專家!CSS盒子模型 在進行布局前需要把數(shù)據(jù)封裝到一塊一塊的區(qū)域內(nèi),這個區(qū)域的專業(yè)術(shù)語叫盒子。 邊框(border)分為上下左下右左 內(nèi)邊距(

4、padding)分為上右 外邊距(margin)分為上下左右北京傳智播客教育 高級軟件人才實作培訓(xùn)專家!CSS布局漂浮屬性 float(漂?。﹏one :left :right :默認值。對象不飄浮文本流向?qū)ο蟮挠疫呂谋玖飨驅(qū)ο蟮淖筮叡本﹤髦遣タ徒逃?高級軟件人才實作培訓(xùn)專家!CSS布局定位屬性 positionstatic :默認值。無特殊定位,對象遵循HTML定位規(guī)則absolute :將對象從文檔流中拖出,使用 left ,right , top , bottom 等屬性相對于其進行絕對定位。relative :對象不可層疊,但將依據(jù) left , right ,top , bottom 等屬性在正常文檔流中偏移位置北京傳智播客教育

溫馨提示

  • 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)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論