CSS學習筆記 01
目標
▸ 能說出什麼是CSS
▸ 能夠使用CSS基礎選擇器
▸ 能夠設置字體樣式
▸ 能夠設置文本樣式
▸ 能夠說出CSS的三種引入方式
▸ 能夠使用Chrome調試工具調試樣式
目錄
▸ CSS簡介
▸ CSS基礎選擇器
▸ CSS字體屬性
▸ CSS文本屬性
▸ CSS的三種引入方式
▸ 綜合案例
▸ Chrome調試工具
CSS學習筆記 02
CSS主要使用場景就是美化網頁、佈局頁面的。
- HTML的侷限性
HTML 是個非常單純的傢伙,他只關注內容的語意,例如:
<h1> 表示這有一個大標題
<p> 表示這是一個段落
<img> 表示這裡有一張圖片
<a> 表示此有鏈接
早期,世界上的網站雖然很多,但他們都有一個共同的特點就是:醜。雖然HTML可以做簡單的樣式,但是帶來的是無盡的臃腫和繁瑣...(代碼顯得特別多)
- CSS 網頁美容師
① CSS是層疊樣式表(Cascading Style Sheets)的簡稱,有時也會稱之為CSS樣式表或級聯樣式表。
② CSS也是一種標記語言。
③ CSS主要用於設置HTML頁面中的:文本內容(字體、大小、對其方式...)、圖片的外形(寬高、邊框樣式、邊距...)、版面的佈局和外觀顯示樣式。
④ CSS讓網頁更加豐富多彩,佈局更加靈活自如。簡單理解:CSS可以美化HTML,讓HTML更漂亮,讓頁面佈局更簡單。
/ 總結:
❶ HTML主要做結構,顯示元素內容。
❷ CSS美化HTML,佈局網頁。
❸ CSS最大的價值:由HTML專注去做結構呈現,樣式交給CSS,即結構(HTML)與樣式(CSS)相分離。
▸▸▸ 更多CSS學習筆記
以上是寶貝整理
pink老師的學習筆記
希望對想學程式語言的您有幫助
幸福人生
文章標籤
全站熱搜