簡單說下：css：
1、css有行內樣式、內聯樣式、外聯樣式。當然你還要學會選擇器的語法和作用1.1、行內樣式：就是在標簽中定義，如
1.2、內聯樣式：就是在中定義，如： 1.
3、外聯樣式：就是引入外部樣式文件，如： 2、js：前提是會js語法2.1、使用js：2.1.1、定義：html文件定義：或者引入外部js文件：2.1.2、使用：3、jQuery使用：以上都需要你學會對css使用，js語法及使用，jquery方法使用有一定了解建議你看http://www.w3school.com.cn。里面有簡單教如何使用css、js、jquery。希望能夠幫到你
不能
??具體如下：左邊是選擇器首字符，右邊是選擇器后面的字符
首字符支持的字符類型是a～z、A～Z、下劃線（_）以及非ASCII字符（中文、全角字符等）
后面的字符支持的字符類型是a～z、A～Z、0～9、下劃線（_）、短橫線（-）以及非ASCII字符
可以直接以短橫線開頭，如果是一根短橫線（-），那么短橫線后面必須有其他字符、字母或下劃線或者其他編碼字符；如果是連續兩根短橫線（–），則它的后面不跟任何字符也是合法的。
1.類選擇器（class選擇器）
基本使用：
.類選擇器{
屬性名: 屬性值;
...}
2.id選擇器
基本使用：
#id選擇器{
屬性名: 屬性值;
...
}
3. html元素選擇器
某個html元素{
屬性名: 屬性值;
...
}
4.通配符選擇器
該選擇器可以用到所有的html元素，但是其優先權最低
*{
屬性名: 屬性值;
...
}
寫在哪里是要分情況的，是要看你想要實現什么效果。
1）如果寫在選擇器，如果是寫的rotate等事件，則直接執行事件，如果寫的是transtion:all ease 0.5s，那么他在你鼠標移入以及鼠標移出的時候都會發揮作用。
2）寫在hover上，那么他只會在鼠標移入的時候才執行你自己定義的transtion動作，移出沒有效果；