CSS 之 淺入淺出

2021-06-26 04:59:01 字數 1475 閱讀 6273

css,層疊樣式表(英語:cascading style sheets,簡寫css),又稱串樣式列表、層次結構式樣式表檔案,一

種用來為結構化文件(如html文件或xml應用)新增樣式(字型、間距和顏色等)的計算機語言。「層疊」是指乙個

檔案的樣式可以從其他的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式,在其他地方則繼承

或「層

疊」作者的樣式。這種層疊的方式使作者和讀者都可以靈活地加入自己的設計,混合各人的愛好。

將網頁的內容和樣式進行分離(解耦合)

舉例:以前給文字加顏色的做法

阿貓

阿狗阿兔

從上例子中可以看出出現了大量的重複,內容和顏色融合到一起了,如果我們需要換顏色的話還得改**。當代

碼多的話,替換就麻煩大了。而且容易出錯。於是有人提出,html檔案中只包含結構和內容的資訊,css檔案中只

包含樣式的資訊。

其中即可以放**,也可以放文字。並做好標記,可以在樣式檔案中通過標記檔案進行修改。

阿貓

阿狗阿兔

以類選擇器為例

.menu

以後改顏色直接改樣式檔案即可。成百上千個網頁對對應乙個樣式檔案的話,改起來就容易多了。

注意:

當選擇器之間有共同的屬性時可以用並列選擇器。

各個選擇器之間用逗號隔開即可

.menu,.title

阿貓      

#special

注意:若id選擇器和類選擇器設定了同乙個屬性的不同的值,以id選擇器為準  

body

標籤選擇器的優先順序:html選擇器《類選擇器

此外還有萬用選擇器,屬性選擇器和偽選擇器,有興趣的可以自己查一下。

如果選擇器中還有選擇器,那麼後面的選擇器繼承前面的選擇器,例如:

阿貓是一乙隻貓
中間「一」的樣式修改的用法:

.title span

注意:this 和span之間必須有空格,但是空格個數不限

阿貓是乙隻貓

注意:多個選擇器一起寫的只限於類選擇器當兩個選擇器表示同乙個屬性的不同值時以後在css中的先後順序為

準,排在前面的會覆蓋後面的。 點睛

:css的核心就是將網頁的內容和樣式解耦合,html檔案只負責要顯示的文字。具體的顯示成什麼樣去封裝

到樣式檔案去做。這樣修改前台顯示樣式的時候直接通過修改樣式檔案即可,修改方便且不容易出錯。符合物件導向

程式設計的思想。

XGBoost淺入淺出

xgboost風靡kaggle 天池 datacastle kesci等國內外資料競賽平台,是比賽奪冠的必備大殺器。我在之前參加過的一些比賽中,著實領略了其威力,也取得不少好成績。如果把資料競賽比作金庸筆下的武林,那麼xgboost可謂屠龍刀,號令天下,莫敢不從!倚天不出,誰與爭鋒?xgboost工...

XGBoost淺入淺出

xgboost風靡kaggle 天池 datacastle kesci等國內外資料競賽平台,是比賽奪冠的必備大殺器。我在之前參加過的一些比賽中,著實領略了其威力,也取得不少好成績。如果把資料競賽比作金庸筆下的武林,那麼xgboost可謂屠龍刀,號令天下,莫敢不從!倚天不出,誰與爭鋒?xgboost工...

淺入淺出dubbo

只是乙個框架 hibernate是持久層框架,springmvc是mvc的框架,而dubbo是分布式服務框架。是框架而不是服務 所以不是像tomcat或memcached可以單獨啟動,它必須依附於應用才有意義。引入dubbo.jar的應用,並完成適合的配置後,這個應用就成為了dubbo應用。前面說了...