Sass 是由 Ruby 語(yǔ)言編寫的一款 CSS 預(yù)處理語(yǔ)言。它是一款強(qiáng)化 CSS 的輔助工具,是對(duì) CSS 的擴(kuò)展,擴(kuò)展了嵌套、混合、繼承、導(dǎo)入等高級(jí)功能,這些拓展令 CSS 更加強(qiáng)大優(yōu)雅,可以更好的組織管理樣式文件,從而更高效的開發(fā)項(xiàng)目
辰風(fēng)沐陽(yáng) 閱讀 1575 2023-03-20
css 中的 overflow 屬性用于控制內(nèi)容溢出元素框時(shí)的顯示方式。當(dāng)元素框中的內(nèi)容溢出時(shí),無(wú)非就是兩種情況: 溢出部分隱藏、溢出部分通過(guò)滾動(dòng)條查看。最常見用法是: overflow: hidden; (溢出隱藏) overflow: auto; (內(nèi)容溢出時(shí)顯示滾動(dòng)條)
辰風(fēng)沐陽(yáng) 閱讀 1601 2022-08-16
在 CSS 中,有很多需要反復(fù)使用的屬性值,如果每個(gè)使用的地方都直接寫死這個(gè)值,而沒有使用變量去定義這個(gè)值的話,后期修改起來(lái)會(huì)很麻煩。有很多人忽略了在 CSS 中也可以定義變量這個(gè)事情,相信你會(huì)愛上它 !
辰風(fēng)沐陽(yáng) 閱讀 1169 2022-08-06
CSS 選擇器有很多類型: 通配符選擇器、標(biāo)簽選擇器、類選擇器、id選擇器、群組選擇器、后代選擇器、子代選擇器、交集選擇器、兄弟選擇器、屬性選擇器、偽類選擇器。使用合適的選擇器可以更好匹配元素,CSS 樣式代碼更加優(yōu)雅
辰風(fēng)沐陽(yáng) 閱讀 1290 2022-08-06
font-family 屬性用于給元素指定字體,該屬性的值是一個(gè)字體系列,每個(gè)值使用逗號(hào)隔開,如果字體名名稱包含空格,那么字體名稱必須使用引號(hào)包裹,設(shè)置的字體是否可用取決于用戶機(jī)器上該字體是否可用
辰風(fēng)沐陽(yáng) 閱讀 1721 2022-07-28
本文記錄 CSS 彈性布局中常用的屬性及其屬性值。創(chuàng)建 flex 塊級(jí)容器: display: flex; 創(chuàng)建 flex 行內(nèi)容器 display: inline-flex。定義主軸方向: flex-direction: row; 水平方向?yàn)橹鬏S(默認(rèn)值) flex-direction: column; 垂直方向?yàn)橹鬏S
辰風(fēng)沐陽(yáng) 閱讀 1301 2022-07-24
顯示一行內(nèi)容,超出部分使用省略號(hào)表示(只有塊元素才會(huì)生效)overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 顯示兩行或三行,超出部分用省略號(hào)顯示,需要使用 -webkit-box-orient: vertical;
辰風(fēng)沐陽(yáng) 閱讀 1520 2022-07-07
flex 是 Flexible Box 的縮寫, 意為彈性布局,又稱為彈性盒布局、伸縮盒布局。用來(lái)為盒狀模型提供最大的靈活性,任何一個(gè)容器都可以指定為 Flex 布局。通過(guò)給父元素添加 flex 屬性,來(lái)控制子盒子的位置和排列方式
辰風(fēng)沐陽(yáng) 閱讀 1432 2022-01-11
所有的計(jì)算機(jī)程序中都有注釋的功能,注釋的作用往往是對(duì)程序的注釋和說(shuō)明,被注釋的程序代碼,只會(huì)出現(xiàn)在程序源碼中,并不會(huì)被程序編譯和執(zhí)行
辰風(fēng)沐陽(yáng) 閱讀 1718 2020-10-30