??? ???? ? ??? ?? ? SuperCool? ?? ????? ??? ? ???? ??? ?? ?? CMS ???? ?????. ? ??? ??? ????? ??? ??? ???? ?????? ? ?? ??? ???????. ??? ?? ? ?? ?? CSS ???? ??????. ??? ??? ??? ??? ??? ???? ???? ?? ??? ????? ??? ??? ?? ? ? ??? ??? ???? ????.
???? ??? ????? ???? ? ?? ??? ??? ??????. ?? ?? ? ??? ???? ???? ?? ??? ?? ?? ?????, ??? ?? ??? ??? ????? ? ?? ?? ??? ??????. ???? ???? ?? ?? ?? ??? ??? ?? ???? ????? ???? ????, ???? ??? ?? ? ??? ??, ??? ?? ??? ???? ???? ?? ?? ??? ??? ?????. CSS ???? ??? ?? ??? ?? ??? ??? ?? ? ????? ?? ???? ??? ???? ????? ???????.
CSS, SASS, BEM? ?? ??? ?? ??? ?? ? ??? ??, ??? ??? ?? (50 ?? ?? ?? ?? ??) ??? ??? ?? ??? ?? ?? (? : ???) ???? ??? ???? ??? ??? ?????.
?? ???? ??? ?? ??? ???? ?????? ???? ??? ???????.
- ?? : ????? ?? ???? ??????.
- ?? : ?? ?? ??? ?? ? ?? ??? ??????.
- ?? : ? ??? ?? ??? ???? ????? ??? ?????? ??? ??? BEM Mixin? ???? ????.
- ???? : ???? ??? ???? ???? ?????. ? ??? ?? ?? ? ? ????.
- ?? : ??? ??? ?? ?? ?? ????? ??? ?????. CSS?? ?? ??? ???? ?? ??? ??? ??, ??? ???? ?? ?????. ??? ??? ?? ??? ??? ????,? ??? ???? ?? ?? ? ????.
?? ???
??? ???? ??? (? : h-text-h1, h-text-badge)? ???? ?? ???? ?????. ?????? ? ?? ?????? ? ????. ??? TypEx? ???? ??? ???? ????? ?? ??? ?? ???? ????. ??? ?? ??? ????? ??? ?????? ?? ? ???. ??? ?? ??? ??? ???? ?? ????.
?? ??
??? ?? ?? ?? ?? ???? ???? ?????? ???? ?? ?? ??? ?? ????. ??? ???? ?? "mixin and model"?????? _themer.scss ??? ???? ? ???? ?? ???? ?? ? ??? ? ? ????. ????? ???? ??? ??? ?? ?? ?? ? ??? ??? ?????? ?? ?? ??? ????. ?? ?? ???? ?? ? ???? ???? ??? ? - ?? ?? ??? ??? ????. ? ???? ???? ????????! ??? ??? ????? ??? ?? ??? ??????. ?????, _header.scss ???? ??? ??? ?????? ??? ??? ???? (??? ? ??).
??? ?? ??? ??? ????? ? ????? ?? ??? ?, ??? ??? ????? ?????.
<code>@include var($property, $value);</code>
?? ??? ?? ? ????? ??? ??? ????? ???? ?? ??? ???? ?? ??? ?????.
<code>@include theme;</code>
? ??? ??? ?? ??? ?? ?? ??? ??? ????. ?? ?????.
??? ??? ?? ? ?? ??? ?? ????. ??? ?? ??? ???? ??? ??? (? : ???) ?? ??? ??? ?? ??? ???? ?? ??? ?????. ??? ??? ??? ???? ???? ??? ????, ?? ???? ? ????? ??? ??? ??? ?????? ?? ??? ??? ????. UI? ?????? ?? ???? ?? ????? ??? ? ????.
??? ?? ??? ?? ?? ?? ??? ???? ???? ??? ??? ?????.
- ??? ??? SVG ???? CurrentColor? ?????? (??? CSS? ?? ???
width: 1em; height: 1em; font-size: inherit;)???. - ???? ??????
<a></a>CurrentColor? ??. - ??, ?? ??? (? :
1px solid??1px solid currentColor)? ??????.
? ?? ??? ???? ?? ??? ????? ???? ???? ????? ?? ?? ?? ?? ? ??? ?? ????? ???? CMS? ???? ??? ?? ??? ? ????. IE 11? ??? 1% ??? ???? ??? ? ?? ?? ? ? ??? ?? ????? ?????.
???? ???? ??. ???? ?????? !
??? ?? ??
???? ???? ? ??? ?? ?? ??? ???? ???? ?? ? ? ????. ??? ??? ? ?????? ??? UI? ???? ??? ???? ?? ?????, ??? ?? ? ?, ??? ??? (??? ????) ?? ????? ???? ????.
????? ???? ?? : Craft CMS? ???? ??? ?? ? ?????? ??? ???? ?? ?? ??? ??? ??? ????? ?? ??? ?? ??? ????. ?? API?? ???? ???? ??? ?? ? ??? ?? ????? CMS?? ???? ?? ? ? ???? (?? ??? ??). ??? ?? ??? ???? ?? ? ??? ????? ?? ? ? ???, ??? ??? ?? ??? ? ???? ????? ?? ? ? ????.
?? UI? ????. ??? ???? ?? ?? ? ? ??? HTML? ?? ?? ? ? ???? ???? ??? ??? ? ??? ??? ??? ??? ??? ? ????. ??? ?? ???? ??? ??? ???? ?? ? ?? ???? ???? ?? ? ??????. ??? ??? ??? ?? ???? ??? ??? ???? ?? ?? ???????. ?? ??? ??! ?? . (?????! : P)
??? ????? ?? ?? ??? ???????.
- ???, ???
- ??? ? ??? ???
- ??
- ?? ?? ? ????? ??
??? ??? ??.
???
?? ???? ??? ? HTML? ?? ?? ???? ????. ??? ? ????? Lighthouse ???? ?? ??? ??? ??????. (?????. ??? 100? ????!) ?? ??? ???? ?? ?? ?? (??? ?, ??? ??), ?? ?? ?????, Dasher, ?? ??? ? ?? ???? ???? ??????. (?? ?? ??? ???? ?? ??? ??? ?? ??? ? ?????.) ?? ??? ?? ??? ??? ??? ???? ??????. ?? ?? ???? ?? ?? ??? ??? ????.
??? (? Flexbox)? ???? ??? ??? ? ? ??? ??????. ?? ?? ??? ?? ???? ??? ??? ?? ??? ???? ? ??? ? ? ??? ?????. CSS ???? ???? ????? ?? HTML? ??? ??? ????. ??? ?? ??? ??? ?? ???? ??? ???? ?? ???? ??? ? ????.
??? ? ?? ? ?? ??
?? ???? ???? ??? ?? ? ? ???? ??? ???? ????, ?? ??? ??? ???? ???? ????? ???? ???? ?? (? : ????, ???, ??, ???, ??? ?? ?)? ?????. ??? ??? ? ???, ??? ?? ?? ??? ??? ?? ???? ? ???? ??? ??? ?? ??? ?? ?? ???? ?????. ?, ??? CS?? ??? ? 15 ?? ??? ?? ?? (?? ??, ????? ?? ?)? ???? ? ?? ????. ??? ??? ? ?????????. ??? ?? ? 20kb ?? Gzipped CSS? ??? ??? ? ?? ??? ?? ???? ????.
??? PostCSS ???? ??? ??? False? ???? ??? ?? ??? ?? ??? ?????. DevTools? ?? ??? ???? ?????? ???? ?? ??? ???? ???? ??? ? ?????. Sowerby Bridge? ??? ???? Repo Access ??? ? ???? ???? ?? ??? ? ??? ?? ??? ???? ?? :??? ??????.
?? ??
??? ?? ?? ??? ??? ??? ??? ????? ???? ? ?????? ?? ? ??? ????? ?? ?? ???? ????. ??? ??? ???? ?? ?? ??? ???? ?? ???? ???? ??? ??? ????, ?? ??? ??, ??? ?? ???? ?? ? ? ??? ??, ?? ?? ???, ?????? ??? ????.<nav></nav> , ?????<time></time> , div soup? ?? ????? - ?? ??.
CSS ???? ???? ????? ?? HTML? ??? ??? ????. CSS?? ???? ??? ???? ?? ???? ?? ????? ?? ? ????. ??? ??? ??? ?? ???? ??? ???? ???? ??? ?? ? ? ????.
<code>.o-grid .o-grid { width:100%; }</code>
… ?? ??? ?? ?? ?? ??? ???? ????? ????????. HTML? ??? ? ??? ???? ???? ?? ? ? ????.
??? ?? ??? ???? ? ?? ??? ?? ??? ??? ?? ?? ???? ??? ?? ??? ???? ??? ??? ??? ??? ???? ?? ???? ?? ???? ??? ???? ????? ??? ??? ???? ?? ? ????? ????.
???? ??? ??? ??? ???????.
<code>@mixin template($elements...) { @each $element in $elements { &__#{$element} { grid-area: $element; } } }</code>
? ??? ???? ???? ?? ??? ?????.
- ? ?? ?? ??? ?? ??? ?? ??? ???? ?????.? ??? ?? ??? ?? ?? ??? ??? ? ? ?? ??? ?????.
- Mixin? ??? ??? ???? ??? ????.
- ?? ? ?? ?? ??? ???, CSS ? HTML?? ???? ???? ????? ???? ??? ???? ?? ?????. ?? ????? ?????.
- BEM ?? ??? ???? ????? ????? ????? ????.
??? ????? ?? ?? ??? ???? ???-?? ???? ?? ? ???? ?????? ??? ???? ??? ???? ?? ?????. ?? ????!
???? ??? ???? ??? ????.
???? ????? AutopRefixer? ??? ?? ??? ???? ?? IE 11? ???? ??? ????? ???? ??? ??? ?? ? ??? ?? ???? ?? ??? ??? ????? ??????. ???? ???? AutoPrefixer? ??? Super ??? ??? ??? ?? ??? ??? ???? ?? ???? ?? ? ? ????.
??? ??? ????! IE 11?? ?? ??? ???? ????? ???? ?? ??? ??? ???? ?? ?????. ???? ?? ??? ???? ?? ?? ??? ??? ?? ??????.
??! ? ?????????. IE 11? ?? ???? ?? ??? ???? ??????.? ?? ??? ????? ?? ? ? ????.<div> ??… ??.<p> ?? ?? ?? ???? ?? ????? ???? ?? ???? Mixin? <code>display: grid ???? ???? Grid-Areas? ??? BEM ???? ????? ????.
???:
<code>.c-header{ @include template(title, pretitle, posttitle, producer, venue, credit, quote, nav, infobar, search); }</code>
?? ??? ?????.
??? ??? ?
? ?? ??? ??? ?????? ?? ???? ? ??? ? ?? ?? ??? ??? ???. ?? ?? ???? ??? ??? ?? ???? ???? ?? ??? ?? ???? ?? ????. ? ?? ??? ???? ???? ??? ???? ??? BEM ?? ?? ?? ??? ? ?????. ?? ???? BEM? ???? ???? (?? ??? ??? ???? Bem -Ish ) - ?? ??? ?? ??? ???? ??? ??? ?? ????? ??? ????.
? ??? ????? 12 ?? ??? ?? 20px (1.25REM) ????? ??? ????? ???? ?? ??? ?? ??? ??? ????. ??? ?? ??? 12 ?? ??? ?? ?? ???? ??? ?????. ? ?? ?? ??, ??? ??? ?? ????? ????? ?????? ?? ???? ?? ??? ??? ??? ??? ?? ???? ???? ????. ??? ???? ??? ?? ?????. ?? ? ??? ?? ??? ?? ?? ?? ??? ???? 12? ?? ?? (FR)? ??? .
????? ?? ??? ?????.
- ? ?? ???? ??? ????? ???? ???? ????.
- ???? ?? ?? ??? ?? ? ? ????. ???
- ??? ?? ???? ??? ???? ?? ????.
??? ?? ?? ??
??? ... "??? ??"?? ??? ?????? ?? ???? ???? ?????
???. ?? ?? ??? ??? ???? ??? ??? ???? ????. ? ?? ?? ?? ?? ??? ??? ????. ??? ?? 2/3?? ?? 1/3? ? ??? 1/3 ??? ????.
??? ??? ??? ??? ?? ?? ??? ?? ??? ??? ????. ?? ??, ?? ? ???? ??? ?? ?? ? ? ????.
??? ?? ????? ??? ? ? ????. ??? ? ??? ?? ? ??? ???? ???? ????. ?? ? ?? ??? ???? ??? ????? ?????. ? ??? ??? ? ???? ??? 3 ?? ? (2 ?? ?? ??? 1 ?? ? ??)? ????.
??? ??? ??? ???? ?????. FR ??? ?? 12?? ??????. ??? ??? ?? ???? ? ?? ??? ??? ?? ?????.
n? ??? ?? ??? n? ?????? FR ??? ?? ??. n? ?? ??? n? ????? FR ??? ?? ??.
??? grid-template-columns ? ?? ?? 2fr 3fr 2fr 4fr 1fr ???.
<code> 2 3 2 4 1 0/10 2/7 5/5 7/1 11/0</code>
calc() ?? ?? ?? ???? ?? ??? ? ?? ????. ?? ??, ?? ???? ?? ???? ???? ??? ??? ????.
... ??? ????? ?? ? ? ??? ???? ???? ??? ??? ????. ??? ??? ??? ?????.
??? ??? ??? ????? ?? ??? ?? ????? ?? 12 ?? ?? ??? ?? ?? ?? ???? ?? ?? ?? ???? ??? ? ??? ?????. ?? ??? ???? ?? ??? ??? ?? ??? ?? ? ??? ??? ????? ?????. ? ??? ??? ?? ??? ??? ? ??? ?? ? ?? ??? ???? ?????? ?????. ??? ?????.
???, ?? ??? ?????? ??? ??? ?? ??? ????. ???? ???? ??? ????. ??? ????? ??? ???? ??? ???? ?? ??? ??? ??? ???? ??, ? 6 ?? ?? ??? ??? ???? ???? ????.
- ?? ??? ?? ??? ???? ???.
- ??? ??? ?????.
- ??? ?? ??? ??? ??? ??????
??? ??? ???? ???? ?? ?? ? ? ????. ??? ? ?? ??? ?? ??? ??? ? (?, ??? ???? ?? ??? ???? ??) 12 ? ???? ????? ?? ??? ???? ????. ??? ? ???? ??? ???? ??? ?????. ? ? ?????? ??? ??? ??? ???? ???? ???? ?? ? ?? ??? ?? ??????. .o-page-grid\_\_sidebar .
??? ?????? ?? ??? ?? ?? ??? ??? ????. ? ?♀?
?? ???!
?? ???? ?? ??? ??? ?? ? ????.
?? ????? ??? ?? ? ????.
???? ????? ?? ?? ?? ???? ?????? ????! ?? ???? ??? ?? ? ? ????.
??? ?????? ?? ? ?? ?? ? (????)? ?? ???? ??? ?? ???? ?? ????? ?? ??? ??? ???. ?? ? ? ??? ?? ???? ???? ????.
???? ?? ????? ??? ?????? ??? ? ??? ??? ???.
??? ??? ?? ??? ?? ???? ?????. ?, ????????! ?????!
????
??, ??? ?? ??! ??? ?? ?? ???? ??? ???? ?? ????? ??? ? ? ?????
- ??? ??? ?? ????? ?????.
- ??? ??? ??? ????? ???? ?? ???? ?? ?? ??? ???? ?? ???? ?????.
- ??? ??? ????? ?? ??? ?? ??? ??? ??? ?????. ? ??? ?? ?? ?? ????? ??? ??? ? ????.
- ?? ??? HTML? ???? ??? ???? ?? ????. ?, ???? ???? ??? ???? ??? ?? ???? ?? ? ? ????.
- ??? ??? ?? ??? ?? ?? ???? ????? (??? ??? ?? ?? ??? ??? ? ??).
- IE 11? ?????.
?? ??? ??? ??? ???? ?? ? ?? ??? ?? ??? ??? ????. ? ??? ??? ??? ??? ???? ?? ? ?? ????? 12? FR ???? ??? ??? ????. ?? ? ??? ??? ?? ??? ??? ????.
<code>.c-card { &--news { align-content: start; grid-template-areas: "image" "datetime" "title"; } &--search { justify-content: start; grid-template-columns: 1fr 3fr; grid-template-areas: "image page" "image title" "image summary"; } &--merchandise { grid-gap: 0; grid-template-columns: $b 1fr 1fr $b; grid-template-areas: "image image image image" ". title title ." ". summary summary ." ". price action ."; } &--donations { // donations thanks button is too long and must take up more space than input grid-gap: 0; grid-template-columns: $b 1fr 2fr $b; grid-template-areas: "image image image image" ". title title ." ". summary summary ." ". input action ."; } } // ...</code>
? ??? ??? ?? : 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)
??? ??
8638
17
1783
16
1729
56
1579
28
1444
31
'?? ??? CSS'? ??????
Jun 24, 2025 am 12:42 AM
CSS? ??? ??? ????? ????? ??? ? ?? CSS? ????? ?? ??????, ?? ?? ? ??? ??, ??? ?? ?? ??? CSS ? ????? ?? ??? ?? ???? ???? ??? ??? ???. 1. ?? CSS? ???? HTML? ?? ?????. 2. JavaScript? ?? ??? CSS ??; 3. ??? ??? ???? ?? ???? ????? ??????. 4. CSS? ???? ???? ??? ????. ?? CSS? ???? ?? ??? ???? Rel = "Preload"?????? ????, ??? ?? ??? ????? ???? ??? ?? ? ??? ???? ??? ?????.
?? ? ?? CSS : ?? ?? ??? ??????
Jun 20, 2025 am 12:45 AM
TheBestoproachforcssdspectionseproject'sspecificneeds.forlargerProjects, externalcsSisbetterduetomainabainabainabilitableability ? forsmallerprojectsorsingle-pageapplications, ?? csmightbemoresuitable.it 'scrucialtobalanceprojectsize, ??
? CSS? ???? ???????
Jun 19, 2025 am 12:29 AM
???, cssdoesnothavetobeInlowercase. ???, lowercaseisRecomedended for : 1) ??? ? ??, 2) ??? ?? rorsinerrorsinerrorsIngerRorsIngerRorsInteChnologies, 3) ??? ?? ??, ? 4) ?? ? ???? ????.
CSS ?? ??? : ??? ?? ?????
Jun 20, 2025 am 12:09 AM
cssismostlycase-Insensitive, buturlsandfamilynamesarecase-insensitive.1) propertiesandvalueslikecolor : red; anteOtcase-inditive.2) urlsmustmatchtheserver'scase, ?? ??,/images/logo.png.3) fontfamilynames'opens'mustoccase.
autopRefixer ? ???? ??? ??????
Jul 02, 2025 am 01:15 AM
AutoPrefixer? ?? ???? ??? ???? ?? ?? ???? CSS ??? ???? ???? ?????. 1. ????? ???? ???? ???? ??? ?????. 2. PostCSS ???? ??, CSS? ?? ???? ???? ?? ???? ??? ???? ??? ?? ??? ?????. 3. ?? ???? ???? ??, ??????? ?? ? ?? ???????? ????? ?? ?????. 4. ???? ???? ???? ???? ?? ?? ????, ???? ?? ??? ?? ???? ???? ????? ?? ???? ?? ????.
CSS ??? ? ??????
Jun 19, 2025 am 12:34 AM
CSSCOUNTERSCANAUTOMALLYNUMBERSESSESSENDS.1) USECOUNTER-RESETTIONITIALIZE, CORKENT-INCREMENTTOINCERES, andCOUNTER () ORCOUNTERS () TODISPLAYVALUES.2) COMPINEWITHJAVAISCRIPTORDINAMICCONTENTTOEREACCUTERUPDATES.
CSS : Case Case? ?? ???? ?????
Jun 19, 2025 am 12:27 AM
CSS?? ??? ? ?? ??? ?? ??? ???? ??, ??, URL ? ??? ?? ????? ?? ?? ??? ?????. 1. ???? ?? ??? ??? ? ???? ?? ?? ??? ??????. 2. ?? 16 ?? ??? ?? ??? ?????, ??? ???? ???? ?? ??? ??? ???? ????. 3. URL? ??? ???? ???? ??? ??? ? ????. 4. ??? ?? ?? (??)? ??? ???? ??? ? ???? ??????? ???????.
Conic-Gradient () ??? ??????
Jul 01, 2025 am 01:16 AM
theconic-gradient () functionincsscreatescurcular gradientsthattroTecolorstopsaroundacentral point
