CSS層疊樣式表Cascading Style Sheets
CSS派生選擇器(上下文選擇器):
- 后代選擇器:h1 ?strong {color:red;}第一個參數和第二個參數之間的代數是可以無限的
- 子元素選擇器:h1 > strong {color:red;}只會選擇某個元素的子元素,而不會擴大到任意的后代元素
- 相鄰兄弟選擇器:h1 + strong {color:red;}會選擇某一元素緊隨其后的元素,但是前提是他們擁有相同的父級(即選擇跟在h2后面的strong元素)
css需要學多久。CSS ID選擇器
CSS類選擇器
CSS屬性選擇器:p[class="important warning"] {color: red;}查看 http://www.w3school.com.cn/css/css_selector_attribute.asp
關于css的基本知識、在《記》中也有提及
把css應用到網頁中有3中方式:行間樣式表、內部樣式表、外部樣式表
--------------------------------------------------------------------------------------------
css技巧,ol與ul的區別:ol是有序的,即帶數字,默認為<ol start="1">從1開始,<ol start="50">表示從50開始
background:linear-gradient(120deg,red,blue);線性漸變(角度默認180deg)
white-space:nowrape;overflow:hidden;text-overflow:ellipsis;在某一元素內文字超出顯示省略號
--------------------------------------------------------------------------------------------
替換元素是瀏覽器根據其標簽的元素與屬性來判斷顯示具體的內容。
比如:<img>、<input>、<textarea>、<select>、<object>都是替換元素
其余的大多數元素是不可替換元素,他們將內容直接告訴瀏覽器,將其顯示出來<p><div>等
除了可替換元素和不可替換元素的分類方式外,css中元素還有另外的分類方式:塊級元素(block-level)和行內元素(inline-level,也譯作“內聯”元素)。
如果浮動非替換元素,則要指定一個明確的寬度;否則,它們會盡可能地窄。用em作單位。寬度之和<99%
--------------------------------------------------------------------------------------------
?display:block和display:inline-block的區別:按行顯示,
dianplay:block是因為元素后面緊跟了一個回車,而dispaly:inline-block是將后面的回車轉換成了空格,雖然能夠按行顯示,但是中間肯定會有一部分空隙。
-------------------------------------------------------------------------------------------
text-align:?
text-transform全大寫、全小寫、首字母大寫
?