?? 3.20? ??? ??? ??? ??? ????. <\/p>.
??? ??????? ???? ?? ?? ??? ?????? ?? ? ? ???? ??????. div {\n background: #36f;\n margin-bottom: 1em;\n width: 30px;\n height: 30px;\n position: relative;\n left: 0;\n transition: left 2s ease-in;\n}\n\n.moved {\n left: 1000px;\n}<\/pre>\n ?? ?? B? CSS? ?? ?????.\n\n ??? ??? ??? ???? <\/the><\/p>? \n???? ?????? ??? ???? ????? ??? ?? ???? ? ??? ??? ?? ???. ?? ??? (?? 3.21), ?? (?? 3.22) ? ??? ????? (?? 3.23)?? ?????. Firefox? ?????. ?? 3.20 ? ?? 3.24. ?? ??? ?? ??? ?? ??? ?? ?????. ![\"Debugging](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173985559829374.jpg\")
![\"Debugging](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173985560480998.jpg\")
?? 3.21 Safari ?????? ?? ?? -webkit-transform<\/code> <\/figcaption> ???? ??? ??? ??? ??. ???? ![\"Debugging](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173985560561564.jpg\")
transform<\/code> ?? 3.23? <\/figcaption> ![\"Debugging](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173985560657474.jpg\")
\n????, ?? ???? ?? ? ?? ? ?? ???? ??? ??? ??? ????. Paul Lewis? CSS ???? ?? ???? ?? ?????. ??? ????? ??? ?? ? ??? ?? ???? ?? ???? ??? ??? ?? ??? ??? ??? ? ???? ?? ????? ?????. \n ?? ??? ??? ? ??? ??? ?? ?? ??? ??? ????? ????. ??? ????? ?? ![\"Debugging](\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173985560881389.jpg\")
???? ???? ??? ?????? ?? ?? ???? ?? ??????. \n ??? ?????? ???? ?? ?????? ?? ??????. ??? ???? ????. ???? ? ? ??? ??????. ?? ?? ??? ??? ?????? ?? ??? ??? ?????. transform<\/code><\/is><\/figcaption><\/which><\/p><\/of><\/tim><\/to><\/ement><\/ement><\/r>"}
?
? ?????
CSS ????
UI ?? ???? CSS ???
UI ?? ???? CSS ???
Feb 18, 2025 pm 01:13 PM
? ??? Tiffany Brown? ? "The Master of CSS"?? ??? ?? ? ????. ? ?? ? ?? ?? ???? ??? ? ??? ???? ?? ? ??? ??? ?? ????.
CSS ?? ?? ? ? ??? ?? ??? ??? ??? ?????? ?? ??? ?? ? ????. ??? ???, ????? ??? ? ??? ??? ?? ??? ??? ?? ?? ? ????? ???????. TV.
? ???? ?????? {.title}
? ??? ???? ???? ?? ?? ??? ???? ?? ??? ????. ?? ??, ??? ??? ????? ?? ??? ????????. ????? ??? ?? ??? ??, ?? ? ??? ?? ???????.
? ??? (Repaint)? ?????? ???? ????? ??? ??? ? ?????? ?????. ?? ??, ?? ?? ??? ? ? ???? ??? ???? ?? ?? ??? ?????. redraw? ??? ?? ? ??? ??? ??? ?? ??? ? ??? ? ??? ????.
? ?? ? ? ???? ????? ?? ?? ?? ??? ?? DOM ??? ?? ??????. ??? ?? ??, ??? ?? ??? ??? ??? ??? ??? ?? ??? ?? ????. JavaScript ?? CSS ?? ??????? ?? ?? ??? ????? ??? ?????.
?? : ????? {.title}
???????? ????? ?? HTML, CSS ? JavaScript? ?? ???? ?? ??? ? ??? ???? ??????.
?????? ?? ???? ? ??? ??? ???? ?????. ??? ?? ?? ??? ?????? ???? ??? ?? ? ????.
?? ?? ?? {.title}
?? ?? ??? ???? ?? ?? ??? ? ????. ??? ??? ??? ??? ???? ??? ??? ???? ? ??? ??? ?????. ???? ?? ???? ?? ??? ???? ?? ?? ??? ??? ??? CSS ??? ?? ? ????.
?? ??? ????? ??? ?? ?????? ?? ?? ?? ??????. Chrome, Opera ? Firefox??? ???? "?? ??"???. Safari? ??? ??? "?? ??"??? ??????. Internet Explorer 11??? ???? ?? "UI ?? ?"? ?????. [9]
?? ?????? "???"??? ?? ?? ????? ??????. ????? ???? ??? ?? ???? ???? ?? ??? ???? ??? ??????.
???? ????? ?? ???? ?? ????? ??? ?? ? ??? ???? ?? ? ? ????. Safari ? Firefox? ????? ???? ???? Chrome, Opera ? Internet Explorer? ??? ?? ? ? ?? ??? ??????.
?? ??, ?? ??, DOM ???, ??? ? ?? ? ??? ??? ?? ? ????? ?????? ?? ?? ??? ?? ? ? ????. CSS ??? ??? ? ?? ?? ??? ??? ??????.
? ??? ??? ????? (??? ?? 3.16? ?? ????) :
left transform ?? 3.16 ??? ????? HTML ?? ?????? ?????. "??"??? ???? ? DIV ????
???? ?????.
??? CSS ??? ? ??? ?? ?????. ? A? ?? ? CSS? ??? ????.
??,? ?????? ?? ???? ?? ??? ??? ?? ?? ???? ?????. ?? ???? Safari (?? 3.17), Chrome (?? 3.18), Internet Explorer (?? 3.19) ? Firefox (?? 3.20) ??? ??? ?? ?? ??? ?????. <!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Performance example</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<button type="button" id="move">Move</button>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<??>
</body>
</html>
<<> 
?? 3.17 Safari ??????? ?? ?? ?? moved ?? 3.18. Internet Explorer?? ?? ?? ??? ?? ?? ?? 11 ????
var move = document.getElementById('move');
move.addEventListener('click', function(e) {
var objs = document.body.querySelectorAll('div');
Array.prototype.forEach.call(objs, function(o){
o.classList.toggle('moved');
});
}); ?? 3.20? ??? ??? ??? ??? ????.
. ??? ??????? ???? ?? ?? ??? ?????? ?? ? ? ???? ??????. div {
background: #36f;
margin-bottom: 1em;
width: 30px;
height: 30px;
position: relative;
left: 0;
transition: left 2s ease-in;
}
.moved {
left: 1000px;
}
?? ?? B? CSS? ?? ?????.
??? ??? ??? ????
?
???? ?????? ??? ???? ????? ??? ?? ???? ? ??? ??? ?? ???. ?? ??? (?? 3.21), ?? (?? 3.22) ? ??? ????? (?? 3.23)?? ?????. Firefox? ?????. ?? 3.20 ? ?? 3.24. ?? ??? ?? ??? ?? ??? ?? ?????. ?? 3.21 Safari ?????? ?? ?? -webkit-transform ???? ??? ??? ??? ??. ???? transform ?? 3.23?
????, ?? ???? ?? ? ?? ? ?? ???? ??? ??? ??? ????. Paul Lewis? CSS ???? ?? ???? ?? ?????. ??? ????? ??? ?? ? ??? ?? ???? ?? ???? ??? ??? ?? ??? ??? ??? ? ???? ?? ????? ?????.
?? ??? ??? ? ??? ??? ?? ?? ??? ??? ????? ????. ??? ????? ?? ???? ???? ??? ?????? ?? ?? ???? ?? ??????.
??? ?????? ???? ?? ?????? ?? ??????. ??? ???? ????. ???? ? ? ??? ??????. ?? ?? ??? ??? ?????? ?? ??? ??? ?????. transform
? ??? UI ?? ???? CSS ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? ????? ??
? ?? ??? ????? ???? ??? ??????, ???? ?????? ????. ? ???? ?? ???? ?? ??? ?? ????. ???? ??? ???? ???? ??? ?? admin@php.cn?? ?????.
'?? ??? 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. ??? ?? ?? (??)? ??? ???? ??? ? ???? ??????? ???????.
CSS? ?? ??? : ???, ?? ? ?? ???????
Jun 19, 2025 am 12:38 AM
cssselectorsandpropertynamesarecase-inensensitive, whilevaluescanbecase-sensitivendependingOntext.1) selectorsike'div'and'div'areequivalent.2) propertiessuchas'background'and'background-color'AretreatedThesame.3) ValueLikecolornames-insens
See all articles
