第三章 使用CSS技術美化

2021-07-11 09:42:45 字數 2024 閱讀 4835

1、css樣式中的選擇器嚴格區分大小寫,屬性和值不區分大小寫。

2、引入css樣式表

(1)行內式(內聯樣式)通過標記的style屬性來設定元素的樣式

《標記名 style="   "> 內容

(2)內嵌式:寫在頭部標記中,並且用

只對其所在的html頁面有效。

(3)鏈入式:將所有的樣式放在乙個或多個以「.css」為副檔名的外部樣式表檔案中,通過標記將外部樣式表檔案鏈結到文件中。

3、css基礎選擇器

(1)標記選擇器:優點 能快速為頁面中同型別的標記統一樣式。

(2)類選擇器:優勢可以為元素物件定義單獨或相同的樣式。

類名的第乙個字元不能使用數字,並且嚴格區分大小寫,一般採用小寫的英文本元。

(3)id選擇器:用」#「進行標識,元素的id值是唯一的,只能對應於文件中某乙個具體的元素。

id選擇器不支援像類選擇器那樣定義多個值。

4、*{}對所有html標記都生效。

5、font-weight:字型粗細        normal:預設值           bold:粗體             bolder:更粗          lighter:更細

font-variant:變體               normal:預設值        small-caps:所有的小寫均會轉換為大寫字母。

font-style:字型風格         normal:                 italic:傾斜             oblique:傾斜

6、font:綜合設定字型樣式

選擇器7、css文字外觀屬性

color:文字顏色

letter-spacing:字間距

word-spacing:單詞距

line-height:行間距

text-transform:文字轉換       capitalize:首字母大寫      uppercase:全部字元轉換大寫     lowercase:轉換為小寫

text-decoration:文字裝飾     none:沒有裝飾   underline:下畫線    overline:上畫線     line-through:刪除線

8、text-align:水平對齊方式

left:左對齊(預設)    right:右對齊      center:居中對齊

9、text-indent:首行縮排(使用em作為設定單元)

僅適用於塊級元素,對行內元素無效。

10、white-space:空白符處理

normal:預設,文字中的空格,空行無效,滿行(到達區域邊界)後自動換行

pre:預格式化,按文件的書寫格式保留空格,空行原樣顯示。

nowrap:空格空行無效,強制文字不能換行,除非遇到換行標記

.內容超出元素的邊界也不換行,若超出瀏覽器頁面則會自動增加滾動條。

11、標籤指定式選擇器(交集選擇器)

由兩個選擇器構成,第乙個為標記選擇器,第二個為class選擇器或id選擇器。

12、後代選擇器:用來選擇元素或元素的後代 (如 p strong)

14、css層疊性與繼承性

不具有繼承性的(邊框、外邊距、內邊距、背景、定位、布局、元素寬高屬性)

注:當為body元素設定字型大小屬性時,標題文字不會採用這個樣式。

15、css優先順序

注:(1)繼承樣式的權重為0。

繼承性

strong          #header

雖然#header具有權重100,但被strong繼承是權重為0,所以頁面的文字顯示紅色。

(2)行內樣式優先。應用style屬性的元素,其行內樣式的權重非常高,可以理解為遠大於100。

(3)權重相同時,css遵循就近原則,靠近元素的樣式具有最大的優先順序,或者說排在最後的樣式優先順序最大。

內嵌樣式優先,這是因為內嵌樣式比鏈入的外部文件更靠近。

16、復合選擇器的權重無論為多少個標記選擇器的疊加,其權重都不會高於類選擇器。

同理無論多少類選擇器和標記選擇器的疊加,權重都不會高於id選擇器。

第三章 堆疊

1.基礎知識 堆疊可以實現很多的應用,遞迴的問題轉化成非遞迴形式,在本質上也是堆疊的問題.它是一種 filo 操作的資料結構,一般也有兩種儲存方式 陣列跟鍊錶實現形式,這裡我給出了鍊錶形式的堆疊模板,裡面包括了基本的堆疊所有的操作,還有兩個比較著名的應用例子,時間倉促,精力比較有限,關於迷宮老鼠還沒...

第三章 曙光

第三章 曙光 第二場校園招聘開始了。其實,洋對這個公司的不是很了解。因為前幾天突然在bbs上面看到了這個公司的招聘資訊,洋覺得這個公司不錯,就上網投了簡歷。接下來的乙個多小時,讓洋很震撼!想不到這個公司這個厲害,而且無論從哪方面來說,絕對不比之前的那個公司差。想不到自己的乙個不經意的決定到了這個大的...

第三章 遞迴

遞迴是一種強大的方法,它允許乙個物件以其自身更小的形式來定義自己。恐怕沒有什麼比觀察神秘的自然界中出現的遞迴現象更好的方法來體會遞迴的重要意義了。想想蕨類植物的葉子,每片葉子的小枝幹都是整片葉子的較小縮影 又或者兩個反光的物體,相互對映對方的漸遠的影像。這樣的例子使我們明白儘管大自然的力量是強大的,...