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...