html css & bootstrap心得
html心得:
block and inline elements
Lists
link and attributes
tables
forms
css心得:
selectors
layout:
box model:
display:block
display:inline
display:inline-block
visibility:hidden
display:none
box-sizing:border-box
positioning:
position:relative
position:absolute
position:fixed
float:
float:left
selectors::after
clear:both
bootstrap心得:
引用代碼直接官網複製
Layout
Flexbox:
display: flex;
class="d-flex flex-row"
class="d-flex justify-content-center"
class="d-flex align-items-center"
Containers and grid system
Media Queries:
有條件的發生
@media (min-width: 480px) {
body {
background-color: yellow;
}
}
Containers
Grid System
Justification
Navbar and Scrollspy
Cards and Card Layout
modal彈跳視窗
block and inline elements
Lists
link and attributes
tables
forms
css心得:
selectors
layout:
box model:
display:block
display:inline
display:inline-block
visibility:hidden
display:none
box-sizing:border-box
positioning:
position:relative
position:absolute
position:fixed
float:
float:left
selectors::after
clear:both
bootstrap心得:
引用代碼直接官網複製
Layout
Flexbox:
display: flex;
class="d-flex flex-row"
class="d-flex justify-content-center"
class="d-flex align-items-center"
Containers and grid system
Media Queries:
有條件的發生
@media (min-width: 480px) {
body {
background-color: yellow;
}
}
Containers
Grid System
Justification
Navbar and Scrollspy
Cards and Card Layout
modal彈跳視窗
留言
張貼留言