CSS ??? ?? : ???? ??? ?????? ?? ????
? ?? ???? ??? Google Web Fundamentals 'Guide, "CSS ??? ???? ???? ? ?? ? ???"? ??????.
?? ?? ?? CSS ??? ??? ? ??????
?? ????? ???? ??? ????. ??? ????? ?? ??? ??? ??? ?? ?? ? ?? ?? ?????.
?? ) ?
?? CSS ??? ?? ??? ??????. ?? ??? Edge, Internet Explorer ? Firefox? ?? ??? ?? ?????? ?? ? ?? ?? (Scroll Snap Points )? ?? ?? ???? ??????. ??? ??? ???? (Chrome 69, Safari 11)? ???? ?? ? ?? ?? ??? ?????. "???"? ????? ?? ??? ?????? ?? ???? ??????.
?? ? ??? ???? ?? ??? ???. HTML? ???? ?????
? ?? ???? ?? ???? ?????. scroll-snap-points-x
scroll-snap-points-y
<div>
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173915341843771.jpg" class="lazy" alt="Scroll Snap in CSS: Controlling Scroll Action " /></img><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173915341850848.jpg" class="lazy" alt="Scroll Snap in CSS: Controlling Scroll Action " /></img><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173915341981083.jpg" class="lazy" alt="Scroll Snap in CSS: Controlling Scroll Action " /></img><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173915341944975.jpg" class="lazy" alt="Scroll Snap in CSS: Controlling Scroll Action " /></img><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173915342067175.jpg" class="lazy" alt="Scroll Snap in CSS: Controlling Scroll Action " /></img></div>
* {
box-sizing: border-box;
}
html, body {
padding: 0;
margin: 0;
}
.slideshow {
scroll-snap-type: x mandatory; /* Scroll axis and behavior */
overflow-x: auto; /* 'scroll' or 'auto' */
display: flex;
height: 100vh;
}
.slideshow img {
width: 100vw;
height: 100vh;
scroll-snap-align: center;
} ?? ???? ??? ??? ?? scroll-snap-type: x mandatory
display: flex
scroll-snap-align: center ??? ?????? 
(?? ??, ??
???? ?? ??? ??? ?? ??, PAGED ????, ?? ??
????? ?? ?? ??? ??? ??? ???? ?????. ????
???? ??? ?? (? : Chrome? ??? ?? ?????) ??
? ??? 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)
??? ??
8644
17
1787
16
1730
56
1582
29
1449
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 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. ???? ???? ???? ???? ?? ?? ????, ???? ?? ??? ?? ???? ???? ????? ?? ???? ?? ????.
Conic-Gradient () ??? ??????
Jul 01, 2025 am 01:16 AM
theconic-gradient () functionincsscreatescurcular gradientsthattroTecolorstopsaroundacentral point
?? ??? ?? ?? ?? ?? ??? CSS ????
Jul 02, 2025 am 01:04 AM
ToTeCreatesTickyHeaders andfooterswithcss, ?? ?? : stickyforheaderswithTopvalueAndz-index
CSS ??? ?? ??? ??? ??????
Jun 25, 2025 am 12:16 AM
CSS ??? ?? ??? ??? ??? ????? ?? ???, ??? ??? ????? ??? ?? ????, ?? ??? ?? ??? ? ???? ??? ?? ?? ??? ?? ?????. ?? ?? .card ???? ?? ? ??? ???? ??? ???? ??? ???? ??? ? ????. ?? ??? ??? ????. 1. ?? : ?? ??? ?? ??? ??? ?????? ??; 2. ?? ?? ??? ?? ??? ???? ???? ?????. 3. ??? ??? ????? ???? ????. 4. ??? ????? ?? ??? ??? ?? ?? ?????????. ?? CSS ??? ??? ???? ??? ??? ?? ???? ?? ???????. ??? ???? ???? ??? ???? ?? ? ?? ??? ??? ?????. ???? ???? ?? ???? ?? ? ? ????
CSS ?????? ???? ?? ?????? : ?? ???
Jun 20, 2025 am 12:14 AM
CSSANIMATINSENHANCEBEBPAGESBOYIMPORIECENDIENDSITEFUNCERINGES
