Html/Css(新手入門第一篇必看攻略)

一、理解web標(biāo)準(zhǔn)含義--為什么采用web標(biāo)準(zhǔn)
*****將內(nèi)容與樣式分離
1、web標(biāo)準(zhǔn)是一系列標(biāo)準(zhǔn),就是一系列技術(shù)標(biāo)準(zhǔn)
在使用時,是組合應(yīng)用
【1】、結(jié)構(gòu)化內(nèi)容 xhtml
【2】、表現(xiàn)化內(nèi)容 css
【3】、行為化內(nèi)容 JavaScript
2、網(wǎng)頁開發(fā)的小工具--火狐瀏覽器中的firebug
工具--附加組件--搜索firebug
作為web前端工作,要兼容的瀏覽器ie,火狐瀏覽器,谷歌劉瀏覽器,蘋果瀏覽器等。
網(wǎng)頁是否有css樣式,測試--在瀏覽器改變文字大小。
3、css定義技巧:
【1】、為了將來的css代碼優(yōu)化,建議所有的屬性值后面都要帶上“;”
【2】、某些xhtml標(biāo)簽有自己默認(rèn)的css屬性值,
例如h1標(biāo)簽就有自己的屬性值,自動就是加粗顯示,字號比較大。
【3】、為了兼容主流瀏覽器,為統(tǒng)一,建議我們在設(shè)置時,將所有元素的css屬性重置為標(biāo)準(zhǔn)的。
【4】、不同的瀏覽器,有各自不容的css屬性值--要命的就是瀏覽器的兼容。
【5】、就一個比較特殊的字體想用怎么辦?--將其轉(zhuǎn)化為圖片。
分中英文字體。設(shè)置字體的順序,將英文字體設(shè)置在前,中文在后。
【6】、css編輯工具--用什么都行,高手,用樹葉殺人
【7】、想讓文字在垂直方向上居中,將行高設(shè)置為元素的高度,行高=元素高度
【8】、css可以重新設(shè)置,xhtml標(biāo)簽的默認(rèn)樣式。
4、css應(yīng)用給網(wǎng)頁的方式:就相當(dāng)于給人怎么去穿上衣服。
【1】、行內(nèi)樣式:應(yīng)用于一個。
【2】、嵌入樣式:應(yīng)用于一類標(biāo)簽。
【3】、如果我們有很多的網(wǎng)頁,都要用css,將這些css寫到一個獨(dú)立文件中,這個就是外鏈?zhǔn)?,推薦使用。
【4】、導(dǎo)入式樣式:也是將樣式寫到一個文件中,再倒入到網(wǎng)頁中。
*****說明,導(dǎo)入式,其實與內(nèi)嵌式是相類似的,都是將樣式加入到網(wǎng)頁里。
1、導(dǎo)入式會占用html文件空間
2、有些瀏覽器解析會有問題。瀏覽器會最后讀取@import中的內(nèi)容
3、將多個樣式文件,導(dǎo)入到一個樣式文件中。
二、css的特性
css叫層疊樣式表。
1、繼承:子元素會繼承父元素的某些樣式。
【因為有些子元素本身就有默認(rèn)值,所以他就不用父元素】
2、疊層:子元素如果定義了與父元素相同的樣式,會覆蓋掉父元素的樣式。
*****后面的樣式會覆蓋前面的樣式
三、css樣式的優(yōu)先權(quán):當(dāng)樣式有沖突時,聽誰?
css優(yōu)先權(quán):就近原則
作用范圍越小,優(yōu)先權(quán)越高。
離要修飾目標(biāo)越近的樣式優(yōu)先權(quán)越高。
爺爺--紅
爸爸--綠
孩子--藍(lán)
選擇優(yōu)先權(quán)
行內(nèi)>id>class>標(biāo)簽選擇符
特殊情況,我們可以提升某個屬性的權(quán)限
*****IEtest工具,也有一個兼容性問題,在win7下打不開ie6.--下載綠色版ie6。不用安裝直接用哪種版本。
四、常用的一些文字,文本控制的css樣式
*****我們在應(yīng)用css樣式時,一定要注意它的默認(rèn)值。因為不同的瀏覽器它的css默認(rèn)值是不同的(不同的屬性瀏覽
器支持是不一樣的,我們還要保證我們網(wǎng)頁的兼容性,盡量使用通過的屬性,不用存在兼容性差別的屬性。)
五、css控制元素的某種狀態(tài)--偽類
偽類語法:
元素名稱:偽類名稱{屬性:值}
例如:超鏈接的鼠標(biāo)經(jīng)過狀態(tài)
a:hover{text-decoration:underline;}
*****如果,鼠標(biāo)放上效果不起作用,請修改連接狀態(tài)的順序 L-V-H-A
以上這篇Html/Css(新手入門第一篇必看攻略)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html
相關(guān)文章
- css 入門基礎(chǔ),適合剛開始學(xué)習(xí)css的朋友,最好先有一定的html編寫經(jīng)驗。2010-01-17
- 結(jié)束了HTML學(xué)習(xí),接下來我終于揭開了css的真實面紗,在大學(xué)時代,一直忙碌去各處收集學(xué)習(xí)資料,記得當(dāng)時不知在那位大俠手里拷了有關(guān)css相關(guān)學(xué)習(xí)資料,代碼看了半天實在費(fèi)解2009-11-13
- 你是新學(xué)習(xí)CSS?在這個漂亮的學(xué)習(xí)語言的初始過程可能是一個有點(diǎn)驚人,有很多可以學(xué)習(xí)它有時很難找出哪里開始。幸運(yùn)的是有寶貴的大量信息和資源,那里的網(wǎng)絡(luò)覆蓋,通過先進(jìn)2009-08-29
- CSS的定義是由三個部分構(gòu)成: 選擇符(selector),屬性(properties)和屬性的取值(value)。 1.語法: selector {property: value} (選擇符 {屬性:值}) 說明:2009-06-28
css入門教程之學(xué)習(xí)網(wǎng)頁布局(1)-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
原文:http://jorux.com/archives/layout-1-if-you-love-css/ 從本篇開始講述如何用css實現(xiàn)網(wǎng)頁的布局,即如何用css控制網(wǎng)頁內(nèi)各個元素的顯示位置。如果你是一個初學(xué)者2008-10-31- 引用一本書中的一段文字:“當(dāng)我第一次開始學(xué)習(xí)漢語時,我的家庭老師老王給了我一本漢英字典、一本漢語語法書和一本初級教程2008-10-17
CSS入門教程:網(wǎng)頁首字下沉-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
CSS入門教程:網(wǎng)頁首字下沉 :first-letter 版本:CSS2 兼容性:IE5.5 語法: Selector : first-letter { sRules } 說明: 設(shè)置對象內(nèi)的第一個字符的2008-10-17css是什么_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了css是什么,小編覺得挺不錯的,詳細(xì)的介紹了css的基本入門?,F(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-23