?? ? ?? ??? ??? ??? ??, ??? ?? ? ??? ?? ?????. 1. Flexbox? ???? ???? ?????? HTML?? ??, ?? ?? ? ??? ??? ???? ????. 2. CSS? Flex? ?? ??? ???? ?? ???? ??????. 3. ??? 768px ??? ?? ??? ??? ??? ??? ????? ??? ??? ??????. 4. JavaScript? ???? ?? ?? ? ??? ??????. 5. ????? ?? ?????? ???? ??? ????? Z-Index? ?? ?? ?????? ???? ??? ??? ????? ?? ??? ??????.
?? ? ?? ??? ??? ??? ??? ?? ???? ?? ? ?? ???? ?? ??? ????? ???? ????. ??? CSS? ???? ?? ??? ????. ??? ??? ??? ??? ??? ??? ?? ????? ????.
Flexbox??? ???? ???
HTML ??? ??????. ????? ?? ??? ??? ????.
<nav class = "navbar">
<div class = "??"> mysite </div>
<ul class = "nav-links">
<li> <a href = "#"> home </a> </li>
<li> <a href = "#"> ??? ?? </a> </li>
<li> <a href = "#"> ??? </a> </li>
<li> <a href = "#"> contact </a> </li>
</ul>
<button class = "???"> ? </button>
</nav>?? ?? Flexbox? ???? ??? ??? ???? ???? ??? ??? ? ???. CSS? ?? ??? ????.
.navbar {
????? : Flex;
??? ??? : ?? ??;
?? ?? : ??;
?? : 1REM 5%;
}
.nav-links {
????? : Flex;
?? ??? : ??;
? : 2REM;
}?? ??? ????? ???? ???? ??? ?????.
?? ? ???? ???? ?? ??? ??? ??????
?? ?? ??? ?? ?? 768px? ?? ?? ?? ???? ??? ??? ??? ??? ??????.
@Media (max-width : 768px) {
.nav-links {
?? : ??;
?? : 100%;
?? : 0;
??? : 0;
?? : ??;
??? ?? : ?;
????? : ??;
}
.nav-links.active {
????? : Flex;
}
.Hamburger {
????? : ??;
}
}????? ??? ????? ??? ?? ? ???? ?? ? ??? ?? ? ? ????.
JavaScript? ???? ?? ???? ??????
??? CSS? ??? ?? ?? ? ? ??? :target ?? checkbox hack ?? ?? ??? ??? JS? ???? ????.
document.querySelector ( '. Hamburger'). addEventListener ( 'click', () => {
document.querySelector ( '. nav-links'). classList.toggle ( 'active');
});????? ??? ???? ??? ??/?? ? ? ????.
?? ?? : ??? ????? ?? ?? ?????? ??????
??? ??? ???? ???? ??? ?? ???? ??? ?? ??? ?? ? ? ????.
.nav-links {
?? : Max-Height 0.3s Ease-Out;
?? ?? : 200px;
}
.nav-links : not (.active) {
Max-Height : 0;
} ?? ? ???? ?????? ???? ?? transform ? opacity ? ??? ??????.
????? ?? ??. ??? ??, ???? ???? ? ??? ??? ?? ???? ?? ? ?? ??? ?? ? ????. ?? ??? ??? ???? ??? z-index, ?? ??, ?? ?? ?? ?? ?? ?????? ???? ??? ??? ??? ????.
? ??? CSS? ?? ? ?? ??? ??? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
PHP? ???? ?? ?? ??? ???? ?? PHP ?? ????? ?? ??
Jul 25, 2025 pm 08:51 PM
PHP?? ?? ?? ??? ???? ?? ??? ? ???? ?? ??? ???? ?? ??? ???? ???? ????. 1. ?? ?? ??? ?? ??? URL ? ?? ??? ????. 2. UrlenCode? ???? ?? ??? ???????. 3. ? ???? ????? ?? ?? ??? ? ?? ??? ?????. 4. ???? ???? ?? ? ? ??? ??? ??? ??? ?????. 5. ??? ?? ??? ????? ?? ????? OG ??? ???? ?????. 6. XSS ??? ???? ?? ??? ??? ?????. ? ???? ??? ??? ???? ??? ?? ?? ??? ??? ???? ??? ?? ??? ?????.
PHP? PHP ?? ?? ? ?? ??? ??? ?????? ??? ??? ???? ????.
Jul 25, 2025 pm 08:27 PM
1. ?? ???? ??? ??? ?????? ?? ?? ??? ??, ??? ?? ???? ??? (? : ?? ???, ? ? ??), ?? ??? ?? ???? ???? ? ?? ?? ??? ??? ?? ??? ????????. 2. ?? ??? ??? ?? ? ??? ???? ?? ?? ?? ???? ?? ? ?? AUDIT ?? ??? ??? ? ????? ????? ??? ???????. 3. ?? ?? ??? ?? ??? ???????. Recaptchav3 ???? ??, ??? ?? ?? ?? ?? ??, IP ? ?? ??? ??? ??? ?? ???? ??? ?? ??? ????? ??? ???? ????? ??? ?????.
NGINX ? PHP ???? ??? ???? ?? MacOS? ???? PHP NGINX ??? ???? ??
Jul 25, 2025 pm 08:24 PM
MAC ?? ???? ? ??? ?? ??? ????? ?? ? ??? ????? ????. 1. ???? ???? ???? ???? ??? ?? ? ?? ????? ??? ???? ??????. 2. ????? ?? ?? ? ??? ???? ???? ?? ?? ????? ??? ???? ?????. 3. ??? ?? ??? ???? ?? ???? ?? ???? ?? ???? ?? ? ? ????. 4. ??? ????? ????? ? ?? ?? ? ??? ?? ? ??? ??????.
???? CSS ???? ???? ??????
Jul 26, 2025 am 07:04 AM
?? ????? CSS ?? ??? ????? ?? ?? ??? ??, ?? ?? ?? ??, Flexbox ? ??? ???? ?? ?? ? ?? CSS ??? ????? ??? ???? ???? ?? ????? ??? ?????. 1. ?? ??? ??? ???? ????. ???? CSSRESET ?? NALLER.CSS? ???? ?? ???? ???? ????. 2. IE? ?? ??? ?? ?? ?? ??? ????. ?? ?? : ?? ? ???? ??? ??? ???? ?? ????. 3. Flexbox ? Grid? Edge Case ?? Old ???? ??? ?????. ? ?? ??? ? AutopRefixer ??; 4. ?? CSS ?? ??? ???? ????. Caniuse? ???? ?? ?????????.
'?? ??'??? ???? ?? ??? ??????
Jul 26, 2025 am 07:35 AM
Thevertical-alignpropertyincssalignsinlinlineortable-cellelementsically
Accent-Color ??? ??????
Jul 26, 2025 am 09:25 AM
Accent-Color? CSS?? ???, ??? ?? ? ????? ?? ?? ??? ????? ??? ??? ???? ? ???? ?????. 1. ???? ??? ?? ??? ????? ???? ?? ?? ?? ???? ??? ??? ?? ??? ?? ?????. 2. ???? ??? type = "checkbox", type = "radio"? type = "range"? ?? ??? ?????. 3. Accent-Color? ???? ??? ??? ???? ?? DOM ??? ??? ?? ???? ??? ? ????. 4. ????? ??? ?????? ???? ??? ????? ?? ?????????. 5. Accent-col? ??????
CSS ?? ???
Jul 26, 2025 am 09:30 AM
CSStransitionSenablesmoothPropertyChangeswithminimalCode, ???? FORVEREFFECTSANTERCTIVEFEEDBACK.1. USETHESYNTAXTRANITION : PropertyDurationTiming-FunctionDelay; TodeFinetransitions, Liketransition : Background-Color0.3Sease0.1s; .2.specifytransition-pro
CSS?? ??? ??? ???? ???
Jul 27, 2025 am 04:25 AM
CSS? ??? ??? ????? ?? ??? ???????. 1. ?? ??? ???? ??? ??? ???? ?? ?? (? : ???), 16 ? ?? (? : #FF0000), RGB ? (? : RGB (255,0,0)), HSL ? (? : HSL (0,100%, 50%) ? RGBA ?? HSLA (RGBA) (255,0.0); 2. H1 ~ H6 ??, ?? P, ?? A? ?? ???? ?? ? ?? ??? ??? ?? ? ? ???? (A : A : ??, A : ??, A : Active, Div, Span ?; 3. ???
