CSS學習進度備忘

2022-04-05 12:32:58 字數 1668 閱讀 7343

書籤:「css 高階」跳過;另外跳過的內容有待跟進

__________________

學習資源:w3school。

_________________

跳過的內容:

1、「css id 選擇器」的「xhtml:**重構」鏈結沒有看

2、「css 選擇器」被列為高階教程部分,跳過

3、「css 屬性選擇器」底部的「css 選擇器參考手冊」跳過

4、「css 文字」的「css text-align 屬性參考頁」、「css word-spacing 屬性參考頁」跳過

5、「css 字型」的「css 字型系列」跳過

6、「css 字型」底部的「css 字型屬性」中的鏈結內容沒有去看

7、「css 浮動」的「css float 屬性。」鏈結沒有看

8、「css浮動」的「clear」屬性實驗結果不太理想,多找些例子在試一試

______________

知識點:

1、必須在樣式設定中將「background-attachment」設定為「fixed」,位置的設定「 background-position:center;」才能生效(opera和火狐瀏覽器),已測試過,使用百分比(background-position: 30% 20%; )的時候,情況類似

2、「css 文字」的「 white-space」的屬性行為有乙個**,可以認真對比理解一下,方便記憶

3、css多使用class而不是id來控制格式,例如:

this is a paragraph

this is a paragraph

4、「簡寫屬性」是針對乙個屬性使用不同的樣式,例如:為font使用「字型系列」、「加粗」、「字型大小」等樣式時,可以有類似於下面的簡寫:

p.ex2

與「簡寫屬性」不同,將多個不同的屬性應用於style的時候,必須用分號「;」隔開,如下所示:

a.five:link

a:link

6、當為多個元素指定同乙個樣式時,用逗號隔開各個元素:

h2,p

7、當以id的形式為元素設定css的時候,使用#開始,例如

<

style

type

="text/css"

>

#customers

......

針對table中的tr td等元素也要使用#

#customers td, #customers th 

{

7、 color 可以繼承

______________

進度:1、 2013-11-25 「css 背景」完畢,接下來學習「css 文字」

2、2013-11-26「css 文字」完畢,接下來學習「css 字型」

3、2013-11-30「css 鏈結」完畢,接下來「css 列表」

4、2013-12-02 「css 列表」完畢,接下來「css **」

5、2013-12-03「css **」完畢,接下來「css 輪廓」

6、2013-12-04「css 內邊距」完畢,接下來「css 邊框」

7、2013-12-09「css 外邊距合併」完畢,接下來「css 定位概述」

圓環進度css

看效果先 參考 jquery圓環百分比進度條製作 css clip rect矩形剪裁功能及一些應用介紹 css clip rect幾個值含義示意例項頁面 clip rect下png通道透明下sprite定位例項頁面 clip rect剪裁效果預覽例項頁面 doctype html html lang...

圓環進度css

看效果先 參考 jquery圓環百分比進度條製作 css clip rect矩形剪裁功能及一些應用介紹 css clip rect幾個值含義示意例項頁面 clip rect下png通道透明下sprite定位例項頁面 clip rect剪裁效果預覽例項頁面 doctype html html lang...

《深入理解C 》第3版 學習進度備忘

學習資源 深入理解c 第3版 知識基礎支援 c in a nutshell o reilly出版社,是一本從頭介紹c 的優秀圖書。essential c 5.0 也不錯 跳過的內容 1 知識要點 1 當使用自定義型別的時候,如果與陣列相關,應使用類似list的泛型程式設計,這樣可以避免很多問題,例如...