新手小白學習css筆記

零下一度
發布: 2017-06-29 09:22:27
原創
1402 人瀏覽過

一、複習

  1. 什麼是CSS?
    層疊樣式表-層疊樣式只會被覆寫而不會被取代

  2. #CSS的使用方式 
    style屬性--->

     
    sytle標籤---> head標籤裡面 
    link--->

  3. 基本選擇器
    html標籤選擇器透過html標籤名稱來選擇元素 
          ①所有的html標籤都可用選擇器 
       標籤藏多深都會被選中 
          ③選擇的是所有的標籤而非特定某個標籤。所以說我們透過html標籤選擇器來設定的都是一些共通性問題 
    id選擇器 
          ①的任何標籤都可以用id屬性和屬性值(因為id是全域屬性)。 id命名不能隨意的命名。大小寫敏感,id的名字中可以有數字字母底線,但要以字母開頭。
                駝峰命名法  小駝峰命名法 大駝峰命名 
                    ①任何的標籤都可以使用class屬性(class屬性也是一個全域屬性) 
          ②class屬性名可以重複使用 
          ③一個class屬性中,並有多個class屬性值。

二、綜合選擇器

    #後代選擇器div p
  1. #交集選擇器div.dl
  2. 並集選擇器div,p
  3. #子元素選擇器div>p
  4. 序列選擇器ul li:first-child   ul:li:last-child
  5. #鄰近兄弟選擇器div + p
  6. 普通兄弟選擇器div ~ p
三、繼承

    #繼承:父元素的某些css屬性會被子元素無條件的繼承過去。關於文字的css屬性都可以進行繼承:color text-  line-font-
  1. #層疊 
  2. 層疊解決的是css衝突的問題 

    比較權重來解決層疊問題
    ! important能夠把"單獨屬性"的權重變成無限大。盡量少用。

四、區塊級元素與行內元素

div 區塊級元素 

span 行內元素 

區塊元素與行內元素的區別: 1. 行內元素部不能夠設定寬度和高度。行內元素的寬度和高度是標籤內同的寬度和高度。區塊級元素可以設定寬度和高度 2. 區塊級元素會單獨佔一行。而行內元素卻無法獨佔一行,只能和其他行內元素共用一行。 3. 如果區塊級元素不設定寬度,那麼區塊級元素會自動的佔滿父元素的全部寬度。

以上是新手小白學習css筆記的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!