在學(xué)習(xí)編程語言之前首先需要先了解編程語言的種類。目前編程大致分為以下幾類!
HTML / CSS:
HTML :超文本標(biāo)記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。您可以使用 HTML 來建立自己的 WEB 站點(diǎn),HTML 運(yùn)行在瀏覽器上,由瀏覽器來解析。
CSS :通過使用 CSS 我們可以大大提升網(wǎng)頁開發(fā)的工作效率!
Bootstrap:來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加快捷。
Font Awesome :是一套絕佳的圖標(biāo)字體庫和CSS框架。Font Awesome 字體為您提供可縮放矢量圖標(biāo),它可以被定制大小、顏色、陰影以及任何可以用CSS的樣式。
Foundation: 用于開發(fā)響應(yīng)式的 HTML, CSS and JavaScript 框架。 是一個(gè)易用、強(qiáng)大而且靈活的框架,用于構(gòu)建基于任何設(shè)備上的 Web 應(yīng)用。
BCDB 比如class類型 class = "nav"的話 那么CSS對(duì)應(yīng) .nav{}C 比如 body input 就是直接對(duì)應(yīng) body{} input{}D ID選擇器 id="name" 那么css對(duì)應(yīng) #name{}
HTML 是用來描述網(wǎng)頁的一種語言。
HTML 即: 超文本標(biāo)記語言 (Hyper Text Markup Language)。
“超文本” 就是指頁面內(nèi)可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
“標(biāo)記語言” 意為一套標(biāo)記標(biāo)簽 (Markup Tag)。
HTML 不是一種編程語言,而是一種標(biāo)記語言 (Markup Language)。
HTML 使用標(biāo)記標(biāo)簽來描述、定義網(wǎng)頁的內(nèi)容結(jié)構(gòu)。
1.標(biāo)記選擇器主要應(yīng)用在HTML頁中的標(biāo)記樣式選擇。如P選擇器就用于聲明網(wǎng)頁中有P標(biāo)記的文本內(nèi)容,同理,H1選擇器則可以標(biāo)記頁面中H1的樣式。例如: H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代碼表示在所有應(yīng)用H1選擇器的地方,將文字的大小設(shè)為14像素并加粗,同時(shí)將顏色設(shè)為灰色,如果要改變H1的顏色,只需將color屬性更改就可以了,比如將color設(shè)為#e7eefe來與網(wǎng)頁的其他地方協(xié)調(diào)。 2.類別選擇器 這是一類最常用的選擇器,用它來定義網(wǎng)頁中需要特殊表現(xiàn)的樣式,類別選擇器的名稱可以由作者自由定義,一般來講類別選擇器的命名最好有一定的意義,使CSS代碼更易維護(hù)和閱讀。例如定義導(dǎo)航就可以使用.daohang{}或者是.nav{},不要使用簡略或者特殊的字符串,否則可能三天后當(dāng)你再讀你的CSS代碼時(shí),就連你自己都搞不清一個(gè)樣式到底是做什么用的! 類別選擇器就是CSS類,在HTML表現(xiàn)為調(diào)用的class。例如: (1)style.css文件中定義 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定義中,p標(biāo)簽將引用CSS文件中的title樣式應(yīng)用到整個(gè)p覆蓋的范圍。p將顯示為一個(gè)上下左右margin各為10px,上下padding為2px,左右padding為5px的矩形。 請(qǐng)注意類別選擇器CSS定義和標(biāo)記選擇器的區(qū)別:在CSS文件中,標(biāo)記選擇器前邊沒有"."號(hào),下面我們還會(huì)講到ID選擇器,它的定義也不一樣,每個(gè)ID選擇器樣式前有一個(gè)"#"號(hào),以確定其為ID選擇器,而在HTML中則用ID="style"引用。值得注意的是,一個(gè)標(biāo)簽可以同時(shí)應(yīng)用多個(gè)class選擇器,如,具體大家可以在下邊思考并做下實(shí)驗(yàn),筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區(qū)別,他們的不同之處就在于ID選擇器只能在HTML頁中使用一次,而class則可以任意多次調(diào)用,在CSS文件中,ID 選擇器一般寫成 #idname { bgcolor:#339; font-size:16px;}如果一個(gè)ID應(yīng)用于多個(gè)HTML標(biāo)記,則有可能造成IE編譯錯(cuò)誤,并且由于ID選擇器可以被JAVASCRIPT等調(diào)用,所以多個(gè)ID會(huì)導(dǎo)致JAVA編譯錯(cuò)誤并崩潰! (2)HTML的引用 在HTML中引用ID選擇器的代碼如下所示: 并且ID選擇器不能像類別選擇器那樣同時(shí)被一個(gè)標(biāo)簽調(diào)用。這也是完全錯(cuò)誤的語法。 復(fù)合選擇器就是基本選擇器通過不同的鏈接方式構(gòu)成的。 復(fù)合選擇器就是兩個(gè)或多個(gè)基本選擇器,通過不同方式鏈接而成的選擇器。