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