2023年辛星解讀css第三節

2021-06-22 21:17:43 字數 1690 閱讀 3573

第二節我們講述的幾乎全是css的選擇器,那麼下面這一節我們來講一下css的顏色和文字的一些東西,雖然我對調色不大敏感,但是對於顏色還是比較感興趣的。

*********css中的顏色***********

1.說到顏色,不得不一下牛頓,簡直是偉大,光的色散,非常大的突破,可以說它乙個人完成了幾代人沒有完成的工作。

2.下面說一下三原色:即紅綠藍,即rgb,我們在css中定義乙個顏色可以用這種三原色的方式來自己配色,還可以用一些比如red,green等這種比較經典的顏色。

3.我們要配色的話,首先需要以#開頭,然後跟上三個雙位數字的十六制的寫法,所謂十六進製制,即每一位從0到f,即包括0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f。

4.其中#000000是黑色,#ffffff是白色,#ffff00是黃色,#cccccc是一款比較經典的灰色,關於如何配色,我還沒有很好的經驗可以和大家分享,總之數值越大,顏色越淡,數值越小,顏色越深。

5.css這種顏色組合可以產生出大約十六萬種顏色,而且這些大多數還是可以被瀏覽器正確的解釋的。

***********文字的樣式*********

1.雖然**的布局追求多樣化,但是,文字資訊仍然是不可少的,下面我們就文字說一下css中的使用。

2.關於顏色,用color屬性,可以指定文字的顏色,這一點我想大家應該知道怎麼用了吧。

3.text-align屬性是指文字的對其方式,可以設定為left(居左)、right(居右)、center(居中)、justfy(每一行被展開且寬度相等,左右外邊距對齊)。

4.text-decoration是指用來設定或者刪除文字的裝飾,它的最經典的應用就是刪除超連結的下劃線,如下**:

a
5.上面我們就是刪除了超連結的下劃線,比如我們還可以設定如下:

1p 2

p 3p

第乙個是新增了上劃線,第二個是中劃線,第三個是新增了下劃線,不過下劃線用的比較廣泛,大家比較好接受,上劃線和中劃線有點怪怪的感覺。

6.我們還可以設定大小寫字母、縮排之類的,我感覺這些對漢語意義不大,倒是英文**蠻適合的,就不講了。

**************字型**************

1.css中我們可以相對自由的設定字型,我們可以用font-family來指定字型名稱,我對字型的研究不多,也就知道那麼幾個。

2.我們可以用font-size來指定字型大小,我們可以用px表示的方式,即畫素的格式。瀏覽器時有預設的大小的,普通文字的大小是16px,我們可以以用font-size來指定該字型的大小。

3.我們除了用px來指定字型的大小,還可以用em來指定大小,em的尺寸單位由w3c建議,1em相當於16px,即我們想用40px的時候,就是使用2.5em。

4.我們可以通過font-style來設定字型的風格,它的兩個經典樣式就是italic,即傾斜,如下**:

p
5.下面就來乙個大雜燴把:

首先建立乙個my.html,內容如下:

辛星,傳遞溫情

然後建立乙個my.css,內容如下:

p
****************小結***************

1.本節我們主要涉及的就是顏色和字型的排版以及字型的樣式。

2.這裡需要說明的是乙個是text類的,它用於排版,是一群文字的排布方式。

3.而font則是每個字的格式,比如字型,字型大小,字型是否傾斜等等。

2023年辛星解讀css第七節

本小節我們研究浮動的問題,浮動使得布局更加靈活,雖然我們前面也有關於布局的講解,但是它們提供的內容還是太有限了,要想獲得更強大的布局,還必須使用浮動才能完成更靈活的布局。浮動 1.如果我們讓某個元素浮動,那麼該元素之前的元素將不會受到任何影響,如果該元素是左浮動,那麼它下面的元素會自動跑到它的右邊,...

2023年辛星解讀css第六節

這一節我們就要講到布局了,事實上布局本身特別簡單。可是要合理的布好局就不那麼簡單了,就像我們寫文章一樣。寫一篇文章非常easy,可是要寫一篇名著就非常難了,這須要我們紮實的功底和對文學的理解,可是。千里之行。始於足下,我們開始吧。顯示方式 1.有時候我們會設定乙個元素的顯示方式。比方我們在做導航條的...

編譯原理 第三節

我們知道世界上存在很多種語言 我們可以把他們分為自然語言 人們日常交流的工具 和程式語言。自然語言複雜且難以描述,程式語言結構規整,便於處理。但兩者又有共性,即核心都由語法和語義兩部分組成。那什麼是語言呢?首先來看一下字母表定義 字母表是元素的非空有窮集合。字母表包含了語言中允許出現的全部符號。例如...