Was bedeutet @ in diesem CSS? Was ist der Unterschied zwischen . und #?
css3 的keyframe不就是前面有@ 難道還能換其他?這我倒是沒深究。
http://www.runoob.com/cssref/css3-pr-animation-keyframes.html
@開頭,后緊跟一個可用的關(guān)鍵字,這個關(guān)鍵字充當一個標識符,用于表示CSS該做什么。
固定語法,樓主不用糾結(jié),用就行了
這個是CSS3中的定義動畫中關(guān)鍵幀的方法
@keyframes通過指定動畫中特定時間點必須展現(xiàn)的關(guān)鍵幀樣式(或者說停留點)來控制CSS動畫的中間環(huán)節(jié)。
這讓開發(fā)者能夠控制動畫中的更多細節(jié)而不是全部讓瀏覽器自動處理。
詳細的可以看:https://developer.mozilla.org...
上面代碼的含義就是
0%, 50%和100%的關(guān)鍵幀中定義了頁面垂直移動元素。
跟.和#的區(qū)別
. 類選擇器 類選擇器能夠?qū)κ褂枚啻?# id選擇器 ID選擇器只能在文檔中使用一次
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
#big {font-weight:bold;}
<span class="stress bigsize" id="big">你好,世界</span>
樓主既然問到選擇器,是不是想問@import樣式?
@import導入外部樣式用的,可以在<style></style>中導入引入外部樣式表,也可以在一個樣式表中引入另一個樣式表
例如:在css中導入多個外部樣式:
@import url("1.css");
@import url("2.css");
@import url("3.css");
你看到的以#.開頭的,是選擇器;而用@開頭的,是css里的功能類的標志符而不是個選擇器。這里給你個css里功能類關(guān)鍵字的參考,這里需要特別注意的是,雖然這些關(guān)鍵字都是“以@開頭”,但并不是說這里有個“以@開頭”的規(guī)則,而是和后邊出現(xiàn)的單詞連在一起作為一個有特殊且明確功能的保留關(guān)鍵字整體出現(xiàn)(如“@media”,“@keyframes”等),切不可割裂的去看。