原文:
如果你想知道應該怎麼稱呼那些出現在css和html中的每種"類",這裡有乙個**,包含了多種情況下的例子以及對應術語的叫法.
例子術語叫法
class="h-card vcard"
class屬性,html class屬性
h-card vcard
類,類名,html類(名),class屬性值
h-card
類,類名,html類(名)
.h-card
類選擇器,css類選擇器
:active
偽類,偽類選擇器,css偽類(選擇器) - 除了:first-letter, :first-line, :before, :after
::first-letter
偽元素,偽元素選擇器,css偽元素(選擇器)
在css中,根本沒有"類"這個東西.上面提到的較好的誤用情況就是:說"css類"的人是把這個詞當成了"css類選擇器"的簡稱.但從我在一些文章或一些對話中看到和聽到的來看,通常不是這樣的.他們都是把類名,比如上面表中給出的"h-card"當成了css中的"類"本身.
"h-card"和"vcard"兩者指的都僅僅是"類"或"類名"(同時也是h-card
/ hcard
微格式中的根類名).如果你想更精確的表述你想表達的這個web技術名詞,你可以給它們加上字首"html",也就成了"html類"和"html類名".
早在2023年,
roger johansson就寫過一篇文章it』s "class", not "css class"
指出了這個問題.
這並非是一種迂腐的做法.而是,使用短語"css類"或者"css類名"不僅僅是你自己表述不準確或者不正確的問題,你同時還鼓勵了別人犯同樣的錯誤.
在交流,討論,尤其是在講座中,
我們最好都統一把它稱做"html類",因為這個叫法能更精確的指出它們對網頁結構和語義的影響.在這個結構和語義之上,我們才能夠寫出任意的css規則來實現我們想要的設計表現(比起底層的語言標記/html類名,css規則的更新要頻繁許多許多).
譯 CSS動畫 vs JS動畫
目前有兩個主流的方法在web上建立動畫 使用css或js。到底選擇哪種方法來實現動畫，完全取決於你的專案以及你想要達到的效果。tips 很多基礎的動畫都可以通過css或js來實現，但兩者的效果和時間會有差別。兩種方式各有千秋 如果你已經用了類似jquery的包含動畫函式的js框架，你會發現用它來控制...
譯 Web Inspector開始支援CSS區域
最近,開發人員和設計師們可以在webkit中嘗試使用css區域特性了,我們認為是時候給他們一些開發工具了.最新版本的chrome canary中的web inspector現在已經支援下面這些功能 譯者注 可以到進一步了解css區域.獲得chrome canary 目前只有最新版本的chrome c...
譯 怎樣編寫移動優先的CSS
原文 how to write mobile first css 譯者 huansky 構建響應式 是今天前端開發人員必備的技能。當我們談論響應式 時，移動優先這個詞立刻就會浮現。我們知道從移動優先的角度設計的重要性。不幸的是，關於移動優先的配置方法很少提及。今天，我想和大家分享一下移動優先的樣式方...