[問題] CSS一點疑問

看板Web_Design作者 (花芯)時間10年前 (2013/07/25 14:34), 編輯推噓5(5016)
留言21則, 7人參與, 最新討論串1/1
(問題一) 看書覺得不難,W3S的也寫的不難 可是實際要從別人寫HTML.CSS的來改覺得還蠻難的... 有眼花繚亂和頭腦混亂之感...請問該怎麼辦好呢 (問題二) #nv li a:hover { background:#555555; } 想請問這邊的意思是? 是指兩種id 【nv、li】有指定這兩個id的元素, 當滑鼠指到上面會顯示為#555555嗎? (問題三) .nav a{ color:#fff; padding-right:10px; } 這裡的意思則是兩個class【nav、a】 的文字顏色及padding關? (問題四) #000 #FFF 像這種色碼應該要怎麼知道它是什麼顏色呢? http://www.colorhexa.com/ 在這裡查得出來嗎?可是它查出來的結果都會把我輸入的自動變成六個英文字母 例如我打 #fff 會變成 #ffffff的結果 一頭霧水中,盼多指點,謝謝... -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 202.39.237.142

07/25 14:36, , 1F
看到第二題,我覺得你應該去找一本CSS書從頭開始耐心看
07/25 14:36, 1F

07/25 14:36, , 2F
另外人家寫的CSS你看不出架構又沒有註解當然會一頭霧水
07/25 14:36, 2F
我有買一本還不錯的書,不過還沒有看熟,也想說應該每天努力看一些,謝謝~~ ※ 編輯: Tethys 來自: 202.39.237.142 (07/25 14:42)

07/25 14:52, , 3F
估狗'css 選擇器'
07/25 14:52, 3F

07/25 15:00, , 4F
#000跟#FFF就是全黑跟全白阿 #000000 #FFFFFF的縮寫
07/25 15:00, 4F
http://www.w3schools.com/cssref/css_selectors.asp 我google了一下..可是我問題二還是不太能理解 因為#nv代表是一個 id 那後面為什麼又加一個 li 呢? 如果是要代表兩個id的話應該是用「逗號」是不是? div,p Selects all <div> elements and all <p> elements 像它上面是這樣寫.. 問題三也是一樣的問題@@ (?o?)不好意思問這麼基礎的問題 ※ 編輯: Tethys 來自: 202.39.237.142 (07/25 15:35)

07/25 15:51, , 5F
就是上面說的"選擇器(selector)"。空一格代表是這個標籤
07/25 15:51, 5F

07/25 15:52, , 6F
裡面的子標籤。例如div p 就是選到"div裡面的p",逗號就
07/25 15:52, 6F

07/25 15:52, , 7F
是你說的兩個都選。selector有很多種,是最重要基本的
07/25 15:52, 7F

07/25 15:54, , 8F
回到你的(2),那一行代表"id nv下的li下的a,在hover狀態
07/25 15:54, 8F

07/25 15:54, , 9F
狀態下時,color設成#555555"。另外:hover 也是selector
07/25 15:54, 9F

07/25 15:56, , 10F
打錯,是background color
07/25 15:56, 10F
感謝貓大~~~大感激! 那就是說如果是 .nav a{ } 就是在說class="nav" 之下的a 囉? 應該是連結吧 太謝謝了~~感激感激 ^^ ※ 編輯: Tethys 來自: 202.39.237.142 (07/25 19:57)

07/26 11:46, , 11F
<div class="nav"><a href="#"></a></div>
07/26 11:46, 11F

07/26 11:46, , 12F
那個a的css
07/26 11:46, 12F

07/28 19:07, , 13F
順帶一提,用空白來隔開的話,不一定要是剛好上下兩層
07/28 19:07, 13F

07/28 19:08, , 14F
中間也可以隔其他層,例如:
07/28 19:08, 14F

07/28 19:08, , 15F
<div class="nav"><span><a href="#"></a></span></div>
07/28 19:08, 15F

07/28 19:08, , 16F
這樣一樣可以用 .nav a 來選擇 =)
07/28 19:08, 16F

07/28 19:09, , 17F
然後補充一下 s25g5d4 說的: 色碼兩位兩位相同的時候,
07/28 19:09, 17F

07/28 19:09, , 18F
就可以用縮寫,例如 #123 代表 #112233,#A5D 代表#AA55DD
07/28 19:09, 18F

07/30 22:00, , 19F
你真的實際動手開始寫 然後一次只改一點程式碼看對應
07/30 22:00, 19F

07/30 22:00, , 20F
然後再去對照W3C
07/30 22:00, 20F

08/01 01:23, , 21F
把那空格填上"的"就懂了
08/01 01:23, 21F
文章代碼(AID): #1HyCSHAG (Web_Design)