




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、高級軟件人才實(shí)作培訓(xùn)專家!CSS語言傳智.廣陵散北京傳智播客教育高級軟件人才實(shí)作培訓(xùn)專家!CSS概述 CSS(Cascading Style Sheets)是層疊樣式表用來定義網(wǎng)頁的顯示效果??梢越鉀Qhtml代碼對樣式定義的重復(fù),提高了后期樣式代碼的可維護(hù)性,并增強(qiáng)了網(wǎng)頁的顯示效果功能。簡單一句話:CSS將網(wǎng)頁內(nèi)容和顯示樣式進(jìn)行分離,提高了顯示功能。北京傳智播客教育 高級軟件人才實(shí)作培訓(xùn)專家!CSS和HTML結(jié)合的方式 sytle屬性方式 style標(biāo)簽方式(內(nèi)嵌方式) 導(dǎo)入方式 import url(css_3.css); 鏈接方式北京傳智
2、播客教育 高級軟件人才實(shí)作培訓(xùn)專家!CSS樣式優(yōu)先級和代碼規(guī)范 樣式優(yōu)先級由上到下,由外到內(nèi)。優(yōu)先級由低到高。 代碼規(guī)范選擇器名稱 屬性名:屬性值;屬性名:屬性值;.屬性與屬性之間用 分號 隔開屬性與屬性值直接按用 冒號 連接如果一個屬性有多個值的話,那么多個值用空格 隔開。北京傳智播客教育 高級軟件人才實(shí)作培訓(xùn)專家!CSS選擇器 就是指定CSS要作用的標(biāo)簽,那個標(biāo)簽的名稱就是選擇器。意為:選擇哪個容器。 CSS選擇器的類型 html標(biāo)簽名選擇器。使用的就是html的標(biāo)簽名 class選擇器(.)。其實(shí)使用的標(biāo)簽中的class屬性 id選擇器
3、(#)。其實(shí)使用的是標(biāo)簽的中的id屬性。 優(yōu)先級:style屬性idclass標(biāo)簽名北京傳智播客教育 高級軟件人才實(shí)作培訓(xùn)專家!CSS擴(kuò)展選擇器 關(guān)聯(lián)選擇器標(biāo)簽是可以嵌套的,兩個或多個選擇器之間產(chǎn)生關(guān)系,就可以用此選擇器。 組合選擇器對多個不同選擇器進(jìn)行相同樣式設(shè)置的時候應(yīng)用此選擇器。 偽元素選擇器其實(shí)就在html中預(yù)先定義好的一些選擇器?;蛘哒f當(dāng)前元素處于的狀態(tài)。北京傳智播客教育 高級軟件人才實(shí)作培訓(xùn)專家!CSS盒子模型 在進(jìn)行布局前需要把數(shù)據(jù)封裝到一塊一塊的區(qū)域內(nèi),這個區(qū)域的專業(yè)術(shù)語叫盒子。 邊框(border)分為上下左下右左 內(nèi)邊距(
4、padding)分為上右 外邊距(margin)分為上下左右北京傳智播客教育 高級軟件人才實(shí)作培訓(xùn)專家!CSS布局漂浮屬性 float(漂?。﹏one :left :right :默認(rèn)值。對象不飄浮文本流向?qū)ο蟮挠疫呂谋玖飨驅(qū)ο蟮淖筮叡本﹤髦遣タ徒逃?高級軟件人才實(shí)作培訓(xùn)專家!CSS布局定位屬性 positionstatic :默認(rèn)值。無特殊定位,對象遵循HTML定位規(guī)則absolute :將對象從文檔流中拖出,使用 left ,right , top , bottom 等屬性相對于其進(jìn)行絕對定位。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)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 創(chuàng)新型企業(yè)研發(fā)中心廠房租賃意向協(xié)議
- 城市道路擴(kuò)建拆遷補(bǔ)償與購房合同
- 燒烤店品牌特許經(jīng)營加盟合同范本
- 不續(xù)聘合同申請
- 柴油終端銷售合同十項(xiàng)補(bǔ)貼
- 智能場館運(yùn)營管理及維護(hù)服務(wù)合同
- 美術(shù)素描兒童課件
- 推進(jìn)安全生產(chǎn)責(zé)任保險
- 重慶安全生產(chǎn)許可證辦理流程
- 安全操作規(guī)程sop
- 24秋國家開放大學(xué)《馬克思主義基本原理》專題測試參考答案
- 高一年級期末考試(生物)試題含答案
- 項(xiàng)目管理培訓(xùn)課件(完整版)課件
- 2024年一級健康管理師考前沖刺必會試題庫300題(含詳解)
- 寧夏回族自治區(qū)寧夏吳忠市利通區(qū)2023-2024學(xué)年七年級下學(xué)期期末數(shù)學(xué)試卷
- 環(huán)氧樹脂的高效合成方法
- (高清版)JTGT D81-2017 公路交通安全設(shè)施設(shè)計(jì)細(xì)則
- 中國移動云南公司大數(shù)據(jù)平臺需求規(guī)格說明書-TAS
- 柱狀活性炭生產(chǎn)工藝
- (高清版)DZT 0305-2017 天然場音頻大地電磁法技術(shù)規(guī)程
- 全球及中國蛇形機(jī)器人行業(yè)市場發(fā)展分析及前景趨勢與投資發(fā)展研究報告2024-2029版
評論
0/150
提交評論