-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add banner video #1
base: Marvel_banner_video
Are you sure you want to change the base?
Conversation
} | ||
.col-1-2,.col-1-3,.col-1-4{ | ||
border: 1px solid red; | ||
float: left; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
floats 在目前前端已經非常少在使用了
可以改用 flexbox 作為網頁佈局的方式
<a href="#!" class="nav-link">首頁</a> | ||
</li> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
如果連結是暫時的或未定的,建議使用 href="javascript:void(0);" 而不是 href="#!"。這樣可以防止頁面跳轉到頂部或出現未預期的行為
<div id="navbar" class="navbar"> | ||
<a href="#!" class="brand"> | ||
<h1>漫威電影與劇集 | Disney+</h1> | ||
</a> | ||
<ul class="nav"> | ||
<li class="nav-item"> | ||
<a href="#!" class="nav-link">首頁</a> | ||
</li> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
改用 BEM 命名方式重構
- brand -> navbar__brand
- nav -> navbar__nav
- nav-item -> navbar__item
- nav-link -> navbar__link
|
||
<!-- Start jumbotron --> | ||
<div class="jumbotron"> | ||
<div class="mask-dark"></div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
改用 BEM 命名 classname
mask-dark -> jumbotron__mask-dark
|
||
abbr[title] { | ||
border-bottom: none; /* 1 */ | ||
text-decoration: underline; /* 2 */ | ||
text-decoration: underline dotted; /* 2 */ | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
這段在 normalize.css 也出現過了
需移掉
也需要檢查有沒有重複定義的 css 樣式
No description provided.