Web前端第四課

2021-10-03 08:59:05 字數 3440 閱讀 4593

node.js就是用js寫伺服器,單執行緒、非同步i/o、不堵塞。

用記事本開啟,不是亂碼,是可讀的,那麼一定是純文字檔案。只有文字,沒有樣式,沒有語義。.class不是純文字檔案。

我們一直在用的是相對路徑,就是從自己出發找到別人。用相對路徑的好處很明顯,就是站點資料夾可以拷著走。站點不管拷貝到**,檔案和的相對路徑關係都是不變的。

相對路徑使用有乙個前提,就是網頁檔案和你的必須在同乙個伺服器上。

二、css基礎選擇器:

html負責結構,css負責樣式,js負責行為。

css寫在head標籤裡面,容器style標籤。

先寫選擇器,然後寫大括號,大括號裡面是樣式。

type

="text/css"

>

body

style

>

2.1 標籤選擇器

就是用標籤名來當作選擇器:

1、所有標籤都能夠當作選擇器,比如body、h1、dl、ul等。

2、不管這個標籤藏得多深,都能被選擇上。

3、選擇的是所有的,而不是某乙個。所以是共性,而不是特性。

2.2 id 選擇器:

#表示選擇id。

#1j1
1、任何的標籤都可以有id,id的命名要以字母開頭,可以有數字、下劃線。大小寫嚴格區分。

2、id不能重複,即使不一樣的標籤,也不能是相同的id。

2.3 類選擇器:

. 就是類的符號。類的英語叫做class。

所謂類,就是class屬性,class屬性和id非常相似,任何標籤都可以攜帶class屬性。

clss屬性可以重複,比如,頁面上有很多標籤都有特殊這個類。

css裡面使用.來表示類。

同乙個標籤,可能同時屬於多個類,用空格隔開。解釋:這個h3標籤既屬於teshu類又屬於zhongyao類。

所以總結兩條:

1、class可以重複,同乙個頁面上可能有多個標籤同時屬於某乙個類;

2、同乙個標籤可以同時攜帶多個類。

類的使用,能夠決定乙個人的css水平。

一般類標籤的使用:使用公共類進行使用,然後標籤進行組裝公共類。絕對不要使用乙個類,將乙個標籤的樣式描述完。

也就是說:

1、不要去試圖用乙個類名,把某個標籤的所有樣式寫完。這個標籤要多攜帶幾個類,共同造成這個標籤的樣式。

2、每乙個類要盡量可能小,有「公共」的概念,能夠讓更多的標籤使用。

到底用id還是用class?

答案:盡可能的用class,除非極特殊的情況可以用id.

原因:id是js用的。也就是說,js要通過id屬性得到標籤,所以css層面盡量少用id.另外乙個層面,我們會認為有d的屬性有動態效果。

類上樣式,id上行為。

就是乙個標籤,可以同時被多種選擇器選擇,標籤選擇器、id選擇器、類選擇器。這些選擇器都可以選擇上同乙個標籤,從而影響樣式。

這就是css的cascding"層疊式"的第一層含義。

三、css高階選擇器

3.1 後代選擇器:描述的是祖先結構。

用空格表示:後代。 .div p就是.div的後代所有的p.

強調一下,選擇的是後代,不是兒子。

所以,看見這個選擇器要知道是後代,而不是兒子。選擇的是所有.div中的p.

空格可以多次存在。.div1 .div2 p 就是.div1裡面的後代.div2裡面的p.

後代選擇器,就是一種平衡,共性和特性的平衡。

當要把某乙個部分的所有的什麼,進行樣式改變,就要想到後代選擇器。

3.2 交集選擇器:

h3.special

選擇的元素是同時滿足兩個條件:必須是h3標籤,然後必須是special標籤。

交集選擇器沒有空格。

3.3 並集選擇器:

h3,li{}

用逗號表示並集。

3.4 萬用字元選擇器:

*效率不高,如果頁面上的標籤越多,效率越低,所以頁面上不能出現這個選擇器。

4.2 兒子選擇器:>

div>p

表示div的兒子p,不是div的後代p。

4.3序選擇器::first-child

ul li:first-child;

h3+p

選擇上的是h3元素後面緊挨著的第乙個兄弟。

5.1繼承性:

有一些屬性,當給自己設定的時候,自己打的後代都繼承上了,這個就是繼承性。

哪些屬效能被繼承?

color、text-開頭、line-開頭的、font-開頭的。

這些關於文字樣式的,都能夠繼承;所有關於盒子的、定位的、布局的屬性都不能被繼承。

所以,如果我們的頁面的文字都是灰色,都是14px.那麼就可以利用繼承性。

body

繼承性是從自己開始,直到最小的元素。

5.2 層疊性:

很多公司如果要筆試,那麼一定會考層疊性。層疊性:被層疊掉了,被覆蓋了。

層疊性:就是css處理衝突的能力。

權重問題:

我們要分別數一下id選擇器的數量、類選擇器的數量、標籤選擇器的數量。

1個id選擇器,1個類選擇器,1個標籤選擇器。記作:1,1,1

1個id選擇器,0個類選擇器,3個標籤選擇器。記作:1,0,3

0個id選擇器,3個類選擇器,4個標籤選擇器。記作:0,3,4

當選擇器,選擇上了某個元素的時候,那麼要這麼統計權重: id的數量,類的數量,標籤的數量。

注意:不進製,十個標籤幹不過乙個類,十個類幹不過乙個id.實際上能進製,255個標籤,等於乙個類名,但是沒有實戰意義。

如果權重一樣,誰寫在後面,聽誰的。寫在後面的,如果權重幹不過前面的,樣式還是聽從前面的。

如果不能直接選中,繼承而來的權重都為0:權重問題大總結:

1、先看有沒有選中,如果選中了,那麼以(id數,類數,標籤數)來計算權重。誰大聽誰的。如果都一樣,聽後寫的為準。(並集選擇器(分組選擇器),要拆開計算,不能合著算)

2、如果沒有選擇,那麼權重是0,此時標籤的數量一點用沒有了。如果大家都是0,那麼別數標籤數量,別看誰在下面,因為只有乙個能影響:就近原則。

層疊性: 就是css處理衝突的能力。所有的權重計算,沒有任何相容問題。

鋼琴第四課

因為此前每天都練琴,曲譜也都記住了,所以,週六,臨時被老師喊去時,非常自信。學到了很多知識。1.連貫性方面 連貫性要注意 其實,連貫性在於對曲目的熟練程度,手指的靈活程度,還有不同音之間的連貫跳躍 音要連續 不同音,要連續連線在一起 這個音落下,上個音才起來 2.節奏方面 四分音符要短快,彈到了,立...

Android OpenGL教程 第四課

android opengl 教程 第四課旋 在這一課裡,我將教會你如何旋轉三角形和四邊形。左圖中的三角形沿y軸旋轉,四邊形沿著x軸旋轉。我們增加兩個變數來控制這兩個物件的旋轉。這兩個變數加在程式的開始處其他變數的後面。它們是浮點型別的變數,使得我們能夠非常精確地旋轉物件。浮點數包含小數字置,這意味...

Linux基礎 第四課

nfs伺服器設定 安裝sudo apt get install portma 安裝sudo apt get install nfs kernel server 配置檔案etc exports 增加共享的目錄 ip2位址以及許可權 啟動服務 service portmap start 然後啟動服務 s...