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