css需要學多久,CSS基礎知識真難啊

 2023-11-07 阅读 28 评论 0

摘要:CSS層疊樣式表Cascading Style Sheets CSS派生選擇器(上下文選擇器): 后代選擇器:h1 ?strong {color:red;}第一個參數和第二個參數之間的代數是可以無限的子元素選擇器:h1 > strong {color:red;}只會選擇某個元素的子元素,而不

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:?justify;讓文本兩端對齊

text-transform全大寫、全小寫、首字母大寫

?

轉載于:https://www.cnblogs.com/yumeixin/p/4990900.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/167739.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息