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