css四種選擇器總結


css 在網頁開發中扮演着重要的角色,被譽為網頁開發的三劍客,如果說html是人的外在器官部分,那css無疑是各個器官組成在一起然后表現出來,css又稱樣式重疊在網頁排版布局中的地位舉足輕重。

  做為后端開發者來說,學好css樣式也是快速入門各類框架的基礎,也是做為一名全棧工程師必備的知 識,下面來說說css中重要的選擇器,

      在css中常見的選擇器有四種常見,說到選擇器就不得不說css引入文件的常見的三種方法,1,內聯文件,2,外部文件,3.內嵌文件 ,其中三種常規的例子如下

      

 

    1,借助link標簽來引入“外部文件“,href 則代表其路徑文件屬性

   

   2,中則是"內嵌文件" 在html /head 標簽下面 style之內

   

   3.內聯在html代碼中被稱為"內聯文件"。

   之所以講三種引入樣式文件方法,是因為他們與選擇器息息相關,

  總結:1,不管哪一種方式,都得先找到 對應元素,對應id,對應class,或是全局通配,才能賦予其css樣式。

             2,三種方式存在着優先級,內聯>內嵌>外部。

             3,目前較為流行的是外部樣式。

       1,在html代碼中標有 id=“***“時就是 id 選擇器,在css樣式中則用#號獲取該id

      ps; 以#號做開始標志選中賦予其背景顏色黃色 說明#id具有唯一性,

  1,在html代碼中標有 class=“***“時就是 class 選擇器,在css樣式中則用.號獲取該id

 

          

   

       3,元素選擇器中 沒有class ,id 只有標簽的稱為元素 h1-6標簽  p 或 div span等 就是個元素

       

 ps:元素之間可以相互找下級元素以逗分割;如下

這個樣式包含h1與div元素 都會被顯示黃色背景,h1與div之外的不會顯示

4,通配*用來做全局的適配常用來初始化:如下:

ps:全部設置背景顏色黃色

總結;在網頁排版中可以靈活運用以上四種常見的選擇器,繁衍出高級的選擇器。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM