1. 程式人生 > >Html+Css學習第二天

Html+Css學習第二天

<embed>標籤:播放flash動畫 , src="url"

<select>標籤: multiple屬性    實現多選。

                 <option   vlue=" 選項值1" > 選項1  </option>

                  <option   vlue=" 選項值2" > 選項2  </option>......

           <option vlue="xx" selected=" selected"> xxx <option>  加上 selected 為預設選項  

<lable  for="控制元件的ID 值">       </lable>  

CSS:

        樣式的優先順序:           內聯樣式  >  嵌入樣式  >  外部樣式     

  標籤選擇器   標籤

  ID選擇器   #..

類選擇器  類名....

    類選擇其中的 子選擇器  :        還有一個比較有用的選擇器子選擇器,即大於符號(>),用於選擇指定標籤元素的第一代子元素

                             .first>span{border:1px  solid  red;}

                                                    <p class="first">三年級時,<span>我還是一個<span>膽小如鼠</span>的小女孩</span>,

                                                  上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。

                                                     學校舉辦的活動我也沒勇氣參加。</p>

 子選擇器(child selector)僅是指它的直接後代,或者你可以理解為作用於子元素的第一代後代。而後代選擇器是作用於所有子後代元素。後代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。

                           >作用於元素的第一代後代,空格作用於元素的所有後代

             *  {

 css值    意味作用於所有 }

             a:hover{    }  固定組合   偽類選擇器,允許給不存在的標籤(標籤的某種狀態)設定樣式。

  solid : 實線

CSS中的繼承性

   (border:1px solid red ;   不具備繼承性 )

例如 : p標籤 裡面的小標籤 就具備繼承性。 

CSS中的許可權值:

ID選擇器許可權值 > 類選擇器許可權值 >標籤選擇器許可權值 (繼承的許可權值最低。)

層疊   是在html檔案中對於同一個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前後順序來決定,處於最後面的css樣式會被應用。

         內聯樣式表(標籤內部)> 嵌入樣式表(當前檔案中)> 外部樣式表(外部檔案中)

重要性: !important

  加上這個之後,css樣式將不會被覆蓋掉。 eg:  p{ color:blue !important;}

                                                                             p{ color:red;} 

                                                                                  加上!important 之後 ,它的權限制最高。

         注意:!important要寫在分號的前面

CSS中的排版問題:

     段落縮排:  text-indent: 2em ; 縮排2個字元。(注意:2em的意思就是文字的2倍大小。

        行間距:  line-height: 1.5em ; 1.5倍的行間距。

       設定文字間隔(字母間隔)  可採用 letter-spacing 

       設定 英文單詞之間的間距    可採用  word-spacing