版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、CSS3 基礎(chǔ)課程筆記目錄目錄21.1 CSS 的定義31.2 引入 CSS 的方式31.2.1 行內(nèi)樣式41.2.2 嵌入樣式41.1 CSS 的定義CSS?CSS 指層疊樣式表 (Cascading Style Sheets)CSS 通常稱為CSS 樣式表或?qū)盈B樣式表(級(jí)聯(lián)樣式表),主要用于設(shè)置HTML頁面中的文本內(nèi)容(字體、大小、對(duì)齊方式等)、的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。CSS 以 HTML 為基礎(chǔ),提供了豐富的功能,如字體、顏色、背景的控制及整體排版等,而且還可以針對(duì)不同的瀏覽器設(shè)置不同的樣式。CSS 就是控制頁面布局和樣式CSS 的版本:2.13.0
2、類比例子:奶油蛋糕、畫畫HTML 和 CSS 的關(guān)系:HTML 結(jié)構(gòu)層 負(fù)責(zé)從 語義的角度搭建頁面結(jié)構(gòu)CSS 樣式層 負(fù)責(zé)從 審美的角度美化頁面JavaScript 行為層 負(fù)責(zé)從 交互的角度用戶體驗(yàn)1.2 引入 CSS 的方式所有的都有一個(gè)默認(rèn)樣式,稱為瀏覽器樣式,或者默認(rèn)樣式1.2.1 行內(nèi)樣式行內(nèi)樣式,是通過在中設(shè)置 style 屬性來達(dá)到實(shí)現(xiàn)控制的樣式的效果。例如:播客-前端與移動(dòng)開發(fā)學(xué)院的CSS 基礎(chǔ)Style 屬性中,可以設(shè)置多條的 CSS 樣式。1.2.2 嵌入樣式在head中,嵌套一個(gè) style,在 style中可以書寫 CSS 的樣式內(nèi)容。Style有一個(gè)屬性 type 屬性,默認(rèn)值就是 text/css,可以省略。例如demo: p color: green; /*設(shè)置前景色, 也就字體的顏色*/ background-color: silver;ul background-color: red;1.3CSS 注釋CSS 的注釋語法/* 注釋的內(nèi)容*/注釋不能嵌套,比如:多行注釋:/*放多行的注釋內(nèi)容 1放多行的注釋內(nèi)容 2*/一般用于 模塊的 注釋/* S導(dǎo)航條開始*/ ul background-color: red;/* E導(dǎo)航條結(jié)束*/*注釋的*/內(nèi)容*/* dsfsdfsd /* */ */文
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 工程項(xiàng)目現(xiàn)場(chǎng)安全文明施工管理制度
- 物流倉儲(chǔ)安全管理案例分析
- 八年級(jí)語文病句改錯(cuò)專項(xiàng)復(fù)習(xí)資料
- 美發(fā)師勞動(dòng)合同簽訂指南
- 工業(yè)氣瓶安全報(bào)廢管理流程規(guī)范
- 企業(yè)財(cái)務(wù)風(fēng)險(xiǎn)控制及管理策略解析
- 建筑工地安全監(jiān)督記錄模板
- 小學(xué)音樂全冊(cè)課程教案模板
- 房地產(chǎn)集團(tuán)營(yíng)銷團(tuán)隊(duì)激勵(lì)方案
- 靜電防護(hù)管理方案流程指南
- 2026年重慶市江津區(qū)社區(qū)專職人員招聘(642人)筆試備考試題及答案解析
- 2026年思明區(qū)公開招聘社區(qū)工作者考試備考題庫及完整答案詳解1套
- 【四年級(jí)】【數(shù)學(xué)】【秋季上】期末家長(zhǎng)會(huì):數(shù)海引航愛伴成長(zhǎng)【課件】
- 小學(xué)音樂教師年度述職報(bào)告范本
- 2025年新版八年級(jí)上冊(cè)歷史期末考試模擬試卷試卷 3套(含答案)
- 2026福建廈門市校園招聘中小學(xué)幼兒園中職學(xué)校教師346人筆試參考題庫及答案解析
- 2025年合肥經(jīng)開投資促進(jìn)有限公司公開招聘11人筆試參考題庫及答案解析
- 儲(chǔ)能電站電力銷售協(xié)議2025
- 腫瘤科人文關(guān)懷護(hù)理
- 22332《高等數(shù)學(xué)基礎(chǔ)》國(guó)家開放大學(xué)期末考試題庫
- 上海網(wǎng)約車汽車租賃商業(yè)計(jì)劃書范文
評(píng)論
0/150
提交評(píng)論