《前端績效考核范本》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、DIV+CSS快速入門主講：劉金榜智搏網(wǎng)聯(lián)學(xué)習(xí)群：114808677網(wǎng)絡(luò)教程：www.w3school.com.cn第一章CSS簡介?CSS概述?CSS指層疊樣式表(CascadingStyleSheets)?樣式定義如何顯示HTML元素?樣式通常存儲在樣式表中?外部樣式表可以極大提高工作效率萬維網(wǎng)聯(lián)盟（W3C），非營利的標(biāo)準(zhǔn)化聯(lián)盟1996年12月，發(fā)布了CSS1.0規(guī)范。1998年5月，發(fā)布了CSS2.0規(guī)范。目前有兩個(gè)新版本正在處于工作狀態(tài)，即CSS2.1版和3.0版第一章CSS簡介W3C并沒有強(qiáng)制軟件廠商的產(chǎn)品必須符合規(guī)范，因此目前流行的瀏覽器都沒有完全符合規(guī)范，這就給設(shè)計(jì)師設(shè)計(jì)網(wǎng)頁帶來

2、了一些難題。目前最主流的瀏覽器是：IE6.0、IE7.0、IE8.0、Firefox市場占有率為：99%以這4種瀏覽器為目標(biāo)，已經(jīng)完全可以做出顯示非常一致的CSS布局頁面。隨著技術(shù)的發(fā)展，各種瀏覽器都會逐漸在這方面做更多的努力，相信情況會越來越好。第一章CSS簡介?什么是DIV+CSS?DIV元素是用來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。CSS是CascadingStyleSheets(層疊樣式表)的簡稱。?通俗來說：如果把一個(gè)網(wǎng)頁比作一棟樓房，div就是樓房的框架結(jié)構(gòu)，一個(gè)個(gè)的磚頭就是一個(gè)個(gè)的標(biāo)簽元素（如圖片，文字），CSS就是水泥和玻璃，把磚瓦合理的跟

3、框架連接在一起。DIV＋CSS其實(shí)就是布局的一個(gè)方法，就是像蓋房子的方法一樣。第一章CSS簡介?css的優(yōu)勢:1、縮減代碼，提高頁面瀏覽速度。2、結(jié)構(gòu)清晰，對搜索引擎更加友好。3、支持各種瀏覽器，兼容性好。4、簡單的修改，縮短改版時(shí)間。5、強(qiáng)大的字體控制和排版能力。6、使用CSS可以結(jié)構(gòu)化HTML，提高易用性。????????各種好處！第一章CSS簡介?學(xué)習(xí)CSS，需要什么基礎(chǔ)1）對HTML和網(wǎng)頁設(shè)計(jì)有初步的基礎(chǔ)2）具有鉆研的精神和熱情其中第1點(diǎn)的權(quán)重占10%第2點(diǎn)的權(quán)重點(diǎn)90%第二章CSS基礎(chǔ)語法?語法是CSS學(xué)習(xí)的開始，不要小看它。?因?yàn)槌梢舱Z法，敗也語法！?CSS語法由三部分構(gòu)成：選擇器

4、、屬性、值例如：p{color:red;}h1{border:1pxsolidred;}第二章CSS基礎(chǔ)語法?選擇器：通常是你希望定義的HTML元素或標(biāo)簽，?屬性：是你希望改變的屬性，并且每個(gè)屬性都有一個(gè)值。?屬性和值被冒號分開，并由花括號包圍，這樣就組成了一個(gè)完整的樣式聲明。?body{color:blue；}?上面這行代碼的作用是將body元素內(nèi)的文字顏色定義為藍(lán)色。在上述例子中，body是選擇器，而包括在花括號內(nèi)的的部分是聲明。聲明依次由兩部分構(gòu)成：屬性和值，color為屬性，blue為值。第二章CSS基礎(chǔ)語法?選擇器的分類?標(biāo)記選擇器?ID選擇器?類別選擇器?復(fù)合選擇器–交集選擇器–并

5、集選擇器?后代選擇器第二章CSS基礎(chǔ)語法?選擇器——標(biāo)記選擇器Html結(jié)構(gòu)中：

標(biāo)記選擇器