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