亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

? ? ????? CSS ???? ?? ? ?????? ???? ??? ?? ?? ???

?? ? ?????? ???? ??? ?? ?? ???

Mar 01, 2025 am 09:03 AM

This tutorial shows you how to build a responsive expandable side navigation menu using JavaScript and CSS. ?? ??? ???? ???? ?????.

Making a Sliding Side Navigation Menu for Responsive Designs ?? ??? ??? ???? :

1. HTML ?? : ?? ??? html? ???? ?????? :

??? ?? ?? (), ??? ??? (), ?? ?? () ? ?? ?? ?? ()? ?????.

2. JavaScript ?? : ??? ???? ???? ??? ?????. clicking the close button collapses it.

3. CSS Styling:

CSS? ??? ?????? ???? ????? ? CSS? ???? ???? ?????? ???? ????? ???? ?? ??? ?? ?? ?? ?????. ???

? ?? ??? ?? ?????

4. ???? ????? ?? (??) :

???? ?????? ????? CSS??
<div class="sidenav" id="sideNavigation">
  <a class="close-btn" href="http://ipnx.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">×</a>
  <a href="http://ipnx.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">About</a>
  <a href="http://ipnx.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Features</a>
  <a href="http://ipnx.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Contact Us</a>
</div>

<nav class="topnav">
  <a class="ham-icon" href="http://ipnx.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">
    <svg height="30" id="icoOpen" width="30">
      <path d="M0,5 30,5" stroke="http://ipnx.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b000" stroke-width="5"></path>
      <path d="M0,14 30,14" stroke="http://ipnx.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b000" stroke-width="5"></path>
      <path d="M0,23 30,23" stroke="http://ipnx.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b000" stroke-width="5"></path>
    </svg>
  </a>
</nav>

<main id="main">
  <h1>This Side Navigation Menu Looks Good!</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</main>
??? ??

? ??????. sidenav

??? ??? ???? ?? ?????. ham-icon ?? : close-btn ? ?????? ???? ?? ????? ??? ??? ?? ??? ?? ??? ?? ? ? ??? ??? ? ????. ?? ?? ??? ??? ?? Bootstrap ?? Bulma? ?? CSS ??? ??? ???? ?? ??????. ?? ??? ?? Monty Shokeen?? ?????!

? ??? ?? ? ?????? ???? ??? ?? ?? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

? ????? ??
? ?? ??? ????? ???? ??? ??????, ???? ?????? ????. ? ???? ?? ???? ?? ??? ?? ????. ???? ??? ???? ???? ??? ?? admin@php.cn?? ?????.

? AI ??

Undresser.AI Undress

Undresser.AI Undress

???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover

AI Clothes Remover

???? ?? ???? ??? AI ?????.

Video Face Swap

Video Face Swap

??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

???

??? ??

???++7.3.1

???++7.3.1

???? ?? ?? ?? ???

SublimeText3 ??? ??

SublimeText3 ??? ??

??? ??, ???? ?? ????.

???? 13.0.1 ???

???? 13.0.1 ???

??? PHP ?? ?? ??

???? CS6

???? CS6

??? ? ?? ??

SublimeText3 Mac ??

SublimeText3 Mac ??

? ??? ?? ?? ?????(SublimeText3)

???

??? ??

??? ????
1597
29
PHP ????
1487
72
NYT ?? ??? ??
129
836
???
autopRefixer ? ???? ??? ?????? autopRefixer ? ???? ??? ?????? Jul 02, 2025 am 01:15 AM

AutoPrefixer? ?? ???? ??? ???? ?? ?? ???? CSS ??? ???? ???? ?????. 1. ????? ???? ???? ???? ??? ?????. 2. PostCSS ???? ??, CSS? ?? ???? ???? ?? ???? ??? ???? ??? ?? ??? ?????. 3. ?? ???? ???? ??, ??????? ?? ? ?? ???????? ????? ?? ?????. 4. ???? ???? ???? ???? ?? ?? ????, ???? ?? ??? ?? ???? ???? ????? ?? ???? ?? ????.

?? ??? ?? ?? ?? ?? ??? CSS ???? ?? ??? ?? ?? ?? ?? ??? CSS ???? Jul 02, 2025 am 01:04 AM

ToTeCreatesTickyHeaders andfooterswithcss, ?? ?? : stickyforheaderswithTopvalueAndz-index

?? ??? ? ????? ????? CSS ???? ?? ??? ? ????? ????? CSS ???? Jul 07, 2025 am 12:07 AM

CSS?? ????? ??? ? ?? ??? ????. 1. HTML ? CSS? ?? ??? ?????? ???? ?? ???? ?? ???? ??????. 2. ?? ??? ??? ?? ???? ???? ?? ?? ??? ?? ?? ??? ??????. 3. ??? ????? ???? JavaScript? ?? ???? ?????? ??? ?????. ? ?? ??? ??? ??? ????? ?? ??, ??, ??? ? ?? ???? ?? ?? ?? ??? ???? ?????.

????? ?? ? ??? ????? ??? ??? ?????? ????? ?? ? ??? ????? ??? ??? ?????? Jul 02, 2025 am 01:19 AM

?? ?? ? ??? ????? ????? ?? ??? CSSGrid? ?? (Auto-Fit, Minmax ()) ??? ???? ????. 1. ???-???-?? ?? : ?? (?? ??, minmax (200px, 1fr)) ????? ?? ?? ???? ???? ? ?? ?? ? ?? ??? ????????. 2. ??? ???? ??? ??? ??????. 3. ????? ?? ?? ?? ??? ??????? 100%, ?? ?? : ?? ?? ??? ??? ???? ??? ?????? Border-Box? ???????. 4. ????? ?? ?? ??? ???? ????? ?? ? ??? ??? ??? ?????.

??? ?? ???? ??? ? CSS ???? ??? ?? ???? ??? ? CSS ???? Jul 02, 2025 am 12:52 AM

Mobile-FirstcsSdesignRequiresTtingTheviewPortMetatag, RelativeUnits, StylingFromsMallScreensup, ??? ???? andtouchtargets.first, addtocontrolscaling.second, ??%, em, orreminsteadofpixelsforflexelayouts.third

??? ??? ?? ???? ??? ???? ???? ??? ?????? ??? ??? ?? ???? ??? ???? ???? ??? ?????? Jul 02, 2025 am 12:53 AM

???? ?? ??? ????? ???? ???? ?? ???? ?? ? ? ????. 1. ?? : 0auto ?? ?? ???? ???? ?? ????? ??? ?? ??? ????? ????? ???????. 2. Flexbox? ???? ?? ?????? ??? ? ?? ?? ??? ???? ??? : 100VH? ???? ?? ? ?? ???? ???? ?? ?? ????? ????? ?????. 3. CSSGRID? ?? ?? ??? ???? ?? ????? ??? ???? ???? ?? ????? ?????? ??? ?? ????? ??? ???? ???????. ? ???? ?? ??? ???? ? ?? ??? ???? ?? ??? ?? ??? ???? ??????.

@supports? ???? CSS? ?? ?? ? ?????? @supports? ???? CSS? ?? ?? ? ?????? Jul 02, 2025 am 01:14 AM

feacturedetectionincssusing@supportschecksifabrowsersupportseaspecificfeaturebeforplyplyplatedstyles.1.itusesconditionalcssblocksbasedonproperty-valuepair, sublics@supports (display : grid)

CSS ???? ??? ?? ? ??? ?? CSS ???? ??? ?? ? ??? ?? Jul 07, 2025 am 01:44 AM

CSS ???? ??? ? ??? ??? ????? ???? ??? ???? ???? ?? ?? ???? ????? ???????. 1. Flexbox ? ??? ??? ?? ???? ??? ??, ?? : ??? ?? ? ????? ??? ????. 2. Caniuse ?? ?? ?? ??? ??????. 3. -webkit-, -moz-, -ms-, -o- ? ?? ???? ???? ???? ?????. 4. AutoPrefixer? ???? ???? ???? ???? ?? ????. 5. ?? ????? ????? PostCSS? ???? BrowsersList? ??????. 6. ?? ? ???? ???? ?????. 7. Modernizr ?? ??? ??? ????? ??? ? ????. 8. ?? ????? ???? ?? ? ??? ????.

See all articles