javascript - 這個css裡的@是什麼意思呢?
我想大声告诉你
我想大声告诉你 2017-07-05 10:36:47
0
9
1103

這個css裡的@是什麼意思呢?跟.和#有什麼差別呢?

#
我想大声告诉你
我想大声告诉你

全部回覆(9)
Ty80

css3 的keyframe不就是前面有@ 難道還能換其他?這我倒是沒深究。

 http://www.runoob.com/cssref/css3-pr-animation-keyframes.html
滿天的星座

這是規定寫法,沒有什麼為什麼

阿神

@開頭,後面跟著一個可用的關鍵字,這個關鍵字充當一個標識符,用來表示CSS該做什麼。

固定文法,樓主不用糾結,用就行了

代言

這個是CSS3中的定義動畫中關鍵影格的方法
@keyframes透過指定動畫中特定時間點必須展現的關鍵影格樣式(或停留點)來控制CSS動畫的中間環節。
這讓開發者能夠控制動畫中的更多細節而不是全部讓瀏覽器自動處理。
詳細的可以看:https://developer.mozilla.org...

上面程式碼的意思是
0%, 50%和100%的關鍵影格中定義了頁面垂直移動元素。

跟.和#的區別

. 类选择器  类选择器能够对使用多次
# id选择器  ID选择器只能在文档中使用一次

.stress{
    color:red;
}
.bigsize{
    font-size:25px;
}
#big {font-weight:bold;}

你好,世界

樓主既然問到選擇器,是不是想問@import樣式?

@import導入外部樣式用的,可以在中導入引入外部樣式表,也可以在一個樣式表中引入另一個樣式表
例如:在css中導入多個外部樣式:

@import url("1.css");
@import url("2.css");
@import url("3.css"); 
習慣沉默

@keyframes 和 @import url('index.css'); 寫法一樣,只是一個語法關鍵字的標識符。

学霸

為什麼id要寫#class要寫.,通配要寫*。這有什麼好糾結的

女神的闺蜜爱上我

人家規定這樣寫的,求採納,我想問個問題,謝謝

淡淡烟草味

你看到的以#.開頭的,是選擇器;而用@開頭的,是css裡的功能類別的標誌符而不是個選擇器。這裡給你個css裡功能類關鍵字的參考,這裡需要特別注意的是,雖然這些關鍵字都是“以@開頭”,但並不是說這裡有個“以@開頭”的規則,而是和後邊出現的單字連在一起作為一個有特殊且明確功能的保留關鍵字整體出現(如“@media”,“@keyframes”等),切不可割裂的去看。

迷茫

@是css3對於偵動畫的特指,和平常看的到的元素選擇不是一個概念

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板