句一:理解這個(gè)問(wèn)題呢,就要先弄明白html和css之間的關(guān)系。
在采用div+css布局頁(yè)面的方式中,html代碼一般只負(fù)責(zé)頁(yè)面上內(nèi)容的布局,即大體的位置和元素的大小。至于具體的元素的樣式就是用css來(lái)做的。
當(dāng)css也可以做一些關(guān)于頁(yè)面布局的工作。理解了html和css之間的關(guān)系之后,再來(lái)說(shuō)這句話,就是說(shuō),你可以定義一個(gè)css樣式表,有兩個(gè)或者多個(gè)html頁(yè)面引用該css樣式。
只要把對(duì)應(yīng)的標(biāo)簽名字或者類(lèi)寫(xiě)好就可以了。句二,就是關(guān)于css寫(xiě)在哪里的問(wèn)題了。
css可以直接寫(xiě)在標(biāo)簽里。可以寫(xiě)在html頁(yè)面的head里。
也可以寫(xiě)成一個(gè)單獨(dú)的css文件,然后在html里引用它就可以了。(第三種方式就是句一中提到的好處了)。
html css基礎(chǔ)教程歸納如下:
第1、Html介紹
本章節(jié)主要講解html和css樣式的關(guān)系,以及html標(biāo)簽、html文件結(jié)構(gòu)、head標(biāo)簽,最后講解了在html中的注釋代碼的作用。
第2、認(rèn)識(shí)標(biāo)簽(第一部分)
學(xué)完這一章節(jié)將對(duì)標(biāo)簽的使用有了一些初步的認(rèn)識(shí),可以使用標(biāo)簽制作出一篇簡(jiǎn)單的文章網(wǎng)頁(yè)。下一章節(jié)將進(jìn)一步學(xué)習(xí)另外一部分html標(biāo)簽。
第3、認(rèn)識(shí)標(biāo)簽(第二部分)
本章節(jié)主要講解列表、div及table標(biāo)簽使用,學(xué)完本章,可以在網(wǎng)頁(yè)上展示一些信息列表及表格數(shù)據(jù),使網(wǎng)頁(yè)上的信息更加豐富
第4、認(rèn)識(shí)標(biāo)簽(第三部分)
本章節(jié)主要講解超鏈接標(biāo)簽、鏈接地址及圖片標(biāo)簽,學(xué)習(xí)完這一章節(jié)可以把分散的單獨(dú)的網(wǎng)頁(yè)用鏈接標(biāo)簽有效的組織起來(lái),達(dá)到網(wǎng)頁(yè)之間可以相互跳轉(zhuǎn)的作用。
第5、與瀏覽者交互,表單標(biāo)簽
每天都在網(wǎng)上沖浪,如果沒(méi)有表單,人們就無(wú)法輸入自己的個(gè)人信息來(lái)買(mǎi)東西,本章節(jié)主要從表單的作用、表單元素講起,學(xué)習(xí)完本章,可以制出簡(jiǎn)單的用戶(hù)登陸、注冊(cè)頁(yè)面。
第6、開(kāi)始學(xué)習(xí)CSS,為網(wǎng)頁(yè)添加樣式
CSS是一個(gè)很神奇的東西,設(shè)計(jì)者可以通過(guò)修改樣式表的定義而使網(wǎng)頁(yè)呈現(xiàn)出完全不同的外觀。本章就開(kāi)始帶領(lǐng)大家來(lái)學(xué)習(xí)CSS樣式:先來(lái)認(rèn)識(shí)CSS樣式、了解CSS樣式的優(yōu)勢(shì)、最后講解CSS代碼語(yǔ)法和CSS注釋代碼。
第7、CSS樣式基本知識(shí)
這一章節(jié)主要講解與CSS樣式相關(guān)的基礎(chǔ)知識(shí):CSS樣式的位置及相關(guān)的優(yōu)先級(jí),為后面的CSS樣式具體學(xué)習(xí)打下基礎(chǔ)。
第8、CSS選擇器
本章主要介紹CSS的選擇器,通過(guò)學(xué)習(xí)本章,能對(duì)元素進(jìn)行樣式的設(shè)置
第9、CSS的繼承、層疊和特殊性
CSS中有一些概念是需要深刻理解的,此節(jié)開(kāi)始將介紹CSS中的一些非常重要的概念包括CSS的繼承、層疊和特殊性。
第10、CSS格式化排版
本章將詳細(xì)介紹網(wǎng)頁(yè)排版中主要格式化要素,幫助讀者把CSS技術(shù)與網(wǎng)頁(yè)編排緊密結(jié)合在一起,實(shí)現(xiàn)網(wǎng)頁(yè)實(shí)用性與欣賞性相結(jié)合,實(shí)現(xiàn)出設(shè)計(jì)效果。
第11、CSS盒模型
盒模型是CSS布局的基石,它規(guī)定了網(wǎng)頁(yè)元素如何顯示以及元素間相互關(guān)系。本章將圍繞盒模型的概念、結(jié)構(gòu)、尺寸等基礎(chǔ)知識(shí)展開(kāi)研究,以便為后面的學(xué)習(xí)和日后網(wǎng)頁(yè)設(shè)計(jì)奠定扎實(shí)的基礎(chǔ)。
第12、CSS布局模型
現(xiàn)在可以用所需的知識(shí)進(jìn)行真正設(shè)計(jì)了,學(xué)習(xí)完本章節(jié)可以運(yùn)用所學(xué)習(xí)的知識(shí)實(shí)現(xiàn)網(wǎng)頁(yè)的多列布局,本章將圍繞流動(dòng)模型、浮動(dòng)模型、層布局模型等布局技術(shù)展開(kāi)研究,以便為后面制作復(fù)雜的網(wǎng)頁(yè)打下基礎(chǔ)。
第13、CSS代碼縮寫(xiě),占用更少的帶寬
雖然CSS文件或者嵌入的CSS都純文本文件,為了減少css樣式代碼的編寫(xiě)量,代碼縮寫(xiě)是很有必要的。這樣可以使用戶(hù)訪問(wèn)網(wǎng)頁(yè)的時(shí)候占用更少的帶寬。
第14、單位和值
本章節(jié)對(duì)單位如顏色的單位和值等時(shí)行詳細(xì)講解。
第15、css樣式設(shè)置小技巧
本章節(jié)對(duì)在日常前端開(kāi)發(fā)中常用到css樣式設(shè)置小技巧進(jìn)行了講解。
1. 不要放過(guò)任何一個(gè)看上去很簡(jiǎn)單的小問(wèn)題——他們往往并不那么簡(jiǎn)單,或者可以引伸出很多知識(shí)點(diǎn);
2. 會(huì)用CSS,并不說(shuō)明你會(huì)CSS;
3. 看CSS的書(shū),是學(xué)不了CSS語(yǔ)言的;
4. 浮躁的人容易說(shuō):css語(yǔ)言太難學(xué)了,應(yīng)該還用表格;——那你已經(jīng)落武了!
5.浮躁的人容易問(wèn):我到底該從哪開(kāi)始學(xué);——?jiǎng)e問(wèn),從最基礎(chǔ)的學(xué)就行了;
6.浮躁的人容易問(wèn):css有錢(qián)途嗎;——建議你去搶銀行;
7.浮躁的人容易說(shuō):我要中文版!我英文不行!——不行?學(xué)呀!
8.浮躁的人容易問(wèn):DW和TopStyle哪個(gè)好;——告訴你吧,都好——只要你學(xué)就行;
9.浮躁的人分兩種:a)只觀望而不學(xué)的人;b)只學(xué)而不堅(jiān)持的人;
10.學(xué)習(xí)CSS最好的方法之一就是閱讀源代碼;
11.在任何時(shí)刻都不要認(rèn)為自己手中的書(shū)已經(jīng)足夠了;
12.看得懂的書(shū),請(qǐng)仔細(xì)看;看不懂的書(shū),請(qǐng)硬著頭皮看;
13.別指望看第一遍書(shū)就能記住和掌握什么——請(qǐng)看第二遍、第三遍;
14.學(xué)習(xí)編寫(xiě)CSS的秘訣是:編寫(xiě),編寫(xiě),再編寫(xiě);
15.請(qǐng)把書(shū)上的CSS例子親手輸入到電腦上實(shí)踐,即使配套光盤(pán)中有源代碼;
16.經(jīng)?;仡欁约阂郧皩?xiě)過(guò)的樣式,并嘗試重寫(xiě),把自己學(xué)到的新知識(shí)運(yùn)用進(jìn)去;
17.不要漏掉書(shū)中任何一個(gè)練習(xí)題——請(qǐng)全部做完并記錄下解題思路;
18.在高版本的瀏覽器中測(cè)試。(根據(jù)要求在各種平臺(tái)和開(kāi)發(fā)環(huán)境去測(cè)試?。?/p>
19.決不要因?yàn)槌绦颉昂苄 本筒蛔裱承┠悴皇炀毜囊?guī)則——好習(xí)慣是培養(yǎng)出來(lái)的,而不是一次記住的;
20.每學(xué)到一個(gè)CSS難點(diǎn)的時(shí)候,嘗試著對(duì)別人講解這個(gè)知識(shí)點(diǎn)并讓他理解——你能講清楚才說(shuō)明你真的理解了;
21.記錄下在和別人交流時(shí)發(fā)現(xiàn)的自己忽視或不理解的知識(shí)點(diǎn);
22.請(qǐng)不斷的對(duì)自己寫(xiě)的CSS樣式提出更高的要求;
23.保存好你寫(xiě)過(guò)的所有的CSS——那是你最好的積累之一;
24.請(qǐng)不要做浮躁的人;
25.請(qǐng)熱愛(ài)CSS!
聲明:本網(wǎng)站尊重并保護(hù)知識(shí)產(chǎn)權(quán),根據(jù)《信息網(wǎng)絡(luò)傳播權(quán)保護(hù)條例》,如果我們轉(zhuǎn)載的作品侵犯了您的權(quán)利,請(qǐng)?jiān)谝粋€(gè)月內(nèi)通知我們,我們會(huì)及時(shí)刪除。
蜀ICP備2020033479號(hào)-4 Copyright ? 2016 學(xué)習(xí)鳥(niǎo). 頁(yè)面生成時(shí)間:2.732秒