ขนาดวิดีโอ: 1280 X 720853 X 480640 X 360
แสดงแผงควบคุมโปรแกรมเล่น
เล่นอัตโนมัติ
เล่นใหม่
這一篇感受到結構寫得好非常重要! 受益良多，謝謝老師!
結構一直是很多人忽略的重點
謝謝！受益良多，請一杯飲料作為微薄感謝
這章內容真的蠻多的，也很實用，把網頁的檢視原始碼，很多很類似的東西，在還沒學之前 看網頁的結構真的是天書
我影片為了省時間都寫簡單的，真的要學的話，我比較偏向理解原理跟概念，但那個就無法錄影講解了，所以我個人是很推我自己的視訊課「暴力網頁入門班」。
喔!原來結構是這樣寫的.....又學到了，很有幫助~感謝Amos !
真的很謝謝Amos 非常詳細的講解，看完又懂了一些了，感謝你辛苦準備教材!
真的淺顯易懂 厲害的老師 讚
很有幫助 謝謝Amos !
內牛滿面，蟹老師
請問老師，經常看到您可以同步修改多行程式碼，是怎麼做到的？有什麼快捷鍵嗎？
哇 這集知識量充足 要好好練一下了
練好練滿記得分享^^
Amos老師您好，想問一下11:57那裡，.nav加上空格代表後代選擇器，後面所有的a會被選取到，被a包住的"金魚都懂的網頁設計入門"照後代選擇的規則，會不會被選取到呢?
這個結構搭配選取器突然感覺好奇妙😄
懂選取器對撰寫有很大幫助阿
謝謝老師
想請問老師，像這種收合的效果，用CSS來改變跟用JS來控制，那個效能比較好呢？
開始感受到難度提升了~~
請問12:40這裡，如果我要改成點一下，後面的選單才會出來要怎麼改阿?我自己嘗試用了:visted 和 :focus但沒有出來codepen.io/XDDDD0803/pen/vYYvWqv
@@sun7654321 好的，謝啦我來試試看
.nav li:hover > a和.nav li:hover 好像相同功能
我知道差別在哪裡了當我再一次把 transform: translateX(-100%);開起來就有差了...
選單會被lable檔住的情況下該選單區塊ul，可設定 z-index : 1就不會被擋住了只可惜若是背景設半透明(自己覺得比較好看)lable還是會被看見 >
redsinsue 這不是大問題啊，要隱藏的方法很多，先想好需求再決定寫法才是正常的，試著想想看還有什麼方式可達到相同的目的啊，切版是很靈活的一件事喔，一個畫面隨便都能有四五種以上的寫法喔
想請問老師，在第二個li 後面的延伸出來的選單，除了第一組可能因為已經設過li+li a:before 裡面的border-top第二組開始全都會有border-top 的線跑出來改怎麼設計或選取才能解決第二組li後 第一列連結，跑出來多餘的邊線呢？謝謝Amos老師。
多寫一層選取器進去就好囉
@@CSScoke 老師請問多也一層選取器進去是什麼意思呢?謝謝。
發現 .nav li+li a::before 改成 .nav li+li>a::before 好像可以解決
@@MyPo3 不是很理解。。。為什麼加了＞可以不選第一列
@@CK-bu5wh 個人覺得是指定性問題，如果只有li + li a::before 會去對到後面所有在他內層的a::before造成從第二個開始的第一列出現邊線，而li + li>a::before把他限制在這個li只下一層的a而不會去對其他更裡層的a造成影響，因為.nav li +li>before他可能對到的層不只是.nav 的下一層而已，會去影響到各層的運作，加 > 讓他對到的就是li只下一層內的a，這是我的想法
謝謝教學
謝謝縮看 (鞠躬)
老師超棒的 按讚按兩次（被揍
啊啊啊啊啊啊~~母湯按兩次阿 (飛抱大腿)
i.imgur.com/zybNeZK.jpg想請問老師，當子選單hover的情況下，主選單是持續被hover的狀態嗎?那麼，在結構不變的情況下，我想要以主選單 .nav li:hover 去控制 lable是可行的嗎?這樣的情況下我的選取器應該是怎麼寫?
「目前的」 CSS 只能選取同層後方以及子層，Checked 也是利用這樣的原理去選取的，所以依照你的需求是不可行的喔另外建議先把選取器搞熟一點，能做甚麼跟不能做甚麼就會更清楚了金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎 系列ithelp.ithome.com.tw/users/20112550/ironman/2799
想一下 結果就一小時了
不求快，只求穩，很重要
最近每天都在看Ａｍｏｓ老師的影片 真的受益良多 那麼優質的頻道希望今年可以破一萬！
這一篇感受到結構寫得好非常重要! 受益良多，謝謝老師!
結構一直是很多人忽略的重點
謝謝！受益良多，請一杯飲料作為微薄感謝
這章內容真的蠻多的，也很實用，把網頁的檢視原始碼，很多很類似的東西，在還沒學之前 看網頁的結構真的是天書
我影片為了省時間都寫簡單的，真的要學的話，我比較偏向理解原理跟概念，但那個就無法錄影講解了，所以我個人是很推我自己的視訊課「暴力網頁入門班」。
喔!原來結構是這樣寫的.....又學到了，很有幫助~感謝Amos !
真的很謝謝Amos 非常詳細的講解，看完又懂了一些了，感謝你辛苦準備教材!
真的淺顯易懂 厲害的老師 讚
很有幫助 謝謝Amos !
內牛滿面，蟹老師
請問老師，經常看到您可以同步修改多行程式碼，是怎麼做到的？有什麼快捷鍵嗎？
哇 這集知識量充足 要好好練一下了
練好練滿記得分享^^
Amos老師您好，想問一下11:57那裡，.nav加上空格代表後代選擇器，後面所有的a會被選取到，被a包住的"金魚都懂的網頁設計入門"照後代選擇的規則，會不會被選取到呢?
這個結構搭配選取器突然感覺好奇妙😄
懂選取器對撰寫有很大幫助阿
謝謝老師
想請問老師，像這種收合的效果，用CSS來改變跟用JS來控制，那個效能比較好呢？
開始感受到難度提升了~~
請問12:40這裡，如果我要改成點一下，後面的選單才會出來要怎麼改阿?
我自己嘗試用了:visted 和 :focus但沒有出來
codepen.io/XDDDD0803/pen/vYYvWqv
@@sun7654321 好的，謝啦我來試試看
.nav li:hover > a
和
.nav li:hover
好像相同功能
我知道差別在哪裡了
當我再一次把 transform: translateX(-100%);
開起來
就有差了...
選單會被lable檔住的情況下
該選單區塊ul，可設定 z-index : 1
就不會被擋住了
只可惜若是背景設半透明(自己覺得比較好看)
lable還是會被看見 >
redsinsue 這不是大問題啊，要隱藏的方法很多，先想好需求再決定寫法才是正常的，試著想想看還有什麼方式可達到相同的目的啊，切版是很靈活的一件事喔，一個畫面隨便都能有四五種以上的寫法喔
想請問老師，在第二個li 後面的延伸出來的選單，除了第一組可能因為已經設過li+li a:before 裡面的border-top
第二組開始全都會有border-top 的線跑出來
改怎麼設計或選取才能解決第二組li後 第一列連結，跑出來多餘的邊線呢？
謝謝Amos老師。
多寫一層選取器進去就好囉
@@CSScoke 老師請問多也一層選取器進去是什麼意思呢?謝謝。
發現 .nav li+li a::before 改成 .nav li+li>a::before 好像可以解決
@@MyPo3 不是很理解。。。為什麼加了＞可以不選第一列
@@CK-bu5wh 個人覺得是指定性問題，如果只有li + li a::before 會去對到後面所有在他內層的a::before造成從第二個開始的第一列出現邊線，而li + li>a::before把他限制在這個li只下一層的a而不會去對其他更裡層的a造成影響，因為.nav li +li>before他可能對到的層不只是.nav 的下一層而已，會去影響到各層的運作，加 > 讓他對到的就是li只下一層內的a，這是我的想法
謝謝教學
謝謝縮看 (鞠躬)
老師超棒的 按讚按兩次（被揍
啊啊啊啊啊啊~~母湯按兩次阿 (飛抱大腿)
i.imgur.com/zybNeZK.jpg
想請問老師，當子選單hover的情況下，主選單是持續被hover的狀態嗎?
那麼，在結構不變的情況下，我想要以主選單 .nav li:hover 去控制 lable是可行的嗎?
這樣的情況下我的選取器應該是怎麼寫?
「目前的」 CSS 只能選取同層後方以及子層，Checked 也是利用這樣的原理去選取的，所以依照你的需求是不可行的喔
另外建議先把選取器搞熟一點，能做甚麼跟不能做甚麼就會更清楚了
金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎 系列
ithelp.ithome.com.tw/users/20112550/ironman/2799
想一下
結果就一小時了
不求快，只求穩，很重要
最近每天都在看Ａｍｏｓ老師的影片 真的受益良多 那麼優質的頻道希望今年可以破一萬！