Html/Css新手入門攻略
一、理解web標準含義--爲什麼採用web標準
*****將內容與樣式分離
1、web標準是一系列標準,就是一系列技術標準
在使用時,是組合應用
【1】、結構化內容 xhtml
【2】、表現化內容 css
【3】、行爲化內容 JavaScript
2、網頁開發的小工具--火狐瀏覽器中的firebug
工具--附加組件--搜索firebug
作爲web前端工作,要兼容的瀏覽器ie,火狐瀏覽器,谷歌劉瀏覽器,蘋果瀏覽器等。
網頁是否有css樣式,測試--在瀏覽器改變文字大小。
3、css定義技巧:
【1】、爲了將來的css代碼優化,建議所有的屬性值後面都要帶上“;”
【2】、某些xhtml標籤有自己默認的css屬性值,
例如h1標籤就有自己的屬性值,自動就是加粗顯示,字號比較大。
【3】、爲了兼容主流瀏覽器,爲統一,建議我們在設置時,將所有元素的css屬性重置爲標準的。
【4】、不同的瀏覽器,有各自不容的css屬性值--要命的就是瀏覽器的兼容。
【5】、就一個比較特殊的'字體想用怎麼辦?--將其轉化爲圖片。
分中英文字體。設置字體的順序,將英文字體設置在前,中文在後。
【6】、css編輯工具--用什麼都行,高手,用樹葉殺人
【7】、想讓文字在垂直方向上居中,將行高設置爲元素的高度,行高=元素高度
【8】、css可以重新設置,xhtml標籤的默認樣式。
4、css應用給網頁的方式:就相當於給人怎麼去穿上衣服。
【1】、行內樣式:應用於一個。
【2】、嵌入樣式:應用於一類標籤。
【3】、如果我們有很多的網頁,都要用css,將這些css寫到一個獨立文件中,這個就是外鏈式,推薦使用。
【4】、導入式樣式:也是將樣式寫到一個文件中,再倒入到網頁中。
*****說明,導入式,其實與內嵌式是相類似的,都是將樣式加入到網頁裏。
1、導入式會佔用html文件空間
2、有些瀏覽器解析會有問題。瀏覽器會最後讀取@import中的內容
3、將多個樣式文件,導入到一個樣式文件中。
二、css的特性
css叫層疊樣式表。
1、繼承:子元素會繼承父元素的某些樣式。
【因爲有些子元素本身就有默認值,所以他就不用父元素】
2、疊層:子元素如果定義了與父元素相同的樣式,會覆蓋掉父元素的樣式。
*****後面的樣式會覆蓋前面的樣式
三、css樣式的優先權:當樣式有衝突時,聽誰?
css優先權:就近原則
作用範圍越小,優先權越高。
離要修飾目標越近的樣式優先權越高。
爺爺--紅
爸爸--綠
孩子--藍
選擇優先權
行內>id>class>標籤選擇符
特殊情況,我們可以提升某個屬性的權限
*****IEtest工具,也有一個兼容性問題,在win7下打不開ie6.--下載綠色版ie6。不用安裝直接用哪種版本。
四、常用的一些文字,文本控制的css樣式
*****我們在應用css樣式時,一定要注意它的默認值。因爲不同的瀏覽器它的css默認值是不同的(不同的屬性瀏覽
器支持是不一樣的,我們還要保證我們網頁的兼容性,儘量使用通過的屬性,不用存在兼容性差別的屬性。)
五、css控制元素的某種狀態--僞類
僞類語法:
元素名稱:僞類名稱{屬性:值}
例如:超鏈接的鼠標經過狀態
a:hover{text-decoration:underline;}
*****如果,鼠標放上效果不起作用,請修改連接狀態的順序 L-V-H-A
相關文章
-
Scott Mitchell 的ASP.NET 2.0數據教程
01.創建一個數據訪問02.創建一個業務邏輯層03.母板頁和站點導航04.使用ObjectDataSource展現數據05.聲明參數06.編程設置ObjectDataSource的參數值07.使用DropDownList過濾的主/從報表08.使用兩個DropDownList過濾的 -
會考英語chemistryclass閱讀理解訓練
The students were having their chemistry(化學)class. Miss Li was telling the children what water was like. After that, she asked her students, “What’s water?”No one spoke for a few Li asked again, -
Unit5 My clothes A Let’s talk評課稿
綠色象徵生命,珍惜生命,環保第一。你們想看看花園的提示語和警示語有哪些嗎?以下是本站小編推薦花園的提示語給大家,歡迎大家閱讀!花園的提示語推薦1. 一花一草皆生命,一枝一葉總關情。2. 小草對您微微笑,請您把路讓一讓。 -
Monsters In The Class英語作文
對於機車族與細軟發來說,常常出門沒多久髮型就塌陷,劉海還像麪條貼在額頭上,實在傷顏值!以下5款網友激推油頭&油劉海必收的乾洗發推薦介紹,蓬蓬粉油頭人最愛,蔻蘿蘭、AVEDA乾洗發好用不刺鼻,免擔心香精+頭皮臭會成爲驚 -
Letslearnsummerbeachsh二年級英語教學設計
當仔細品讀一部作品後,大家一定對生活有了新的感悟和看法,寫一份讀後感,記錄收穫與付出吧。可能你現在毫無頭緒吧,下面是小編收集整理的讀《童年》有感,僅供參考,希望能夠幫助到大家。時光如梭,一眨眼一個暑期就過去,每每我打 -
php函數method-exists()與is-callable()有何區別
php函數method_exists() 與is_callable()的區別在哪?在php面相對象設計過程中,往往我們需要在調用某一個方法是否屬於某一個類的時候做出判斷,常用的方法有 method_exists()和is_callable(),相比之下,is_callable()函數要 -
At Climate Summit, Hope for Emissions Deal美文欣賞
It's known as "the roof of the world," four thousand seven hundred meters above sea level lies the Tibetan Plateau. Its glaciers are the source of many of Asia’s most important rivers.But the ice -
Scientists Build Robots to Live With Humans英語美文
Industrial robots are already working in many factories around the world and in our homes, for instance as smart vacuum cleaners. Scientists say in a few years we will start seeing so-called "social r -
英語作文:how college students Howdostudentsinmyclassg
dear manager:your corporation is of great interest to me. so i wish to apply for the position referred, and believe that my education and project background are appropriate for the position. please co -
英語《What time does school start》教學反思
作爲一名到崗不久的人民教師,課堂教學是重要的工作之一,教學反思能很好的記錄下我們的課堂經驗,怎樣寫教學反思才更能起到其作用呢?下面是小編幫大家整理的英語《What time does school start》教學反思,希望能夠幫助到大