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

CSS3 ??? ?????

CSS3 ??? ?????

CSS3?? ?? ??, ?? ?? ? ?? ???? ???? ? ?? ??? ??? ????? ??? ???????.

? ???? ?? ??? ????? ??? ?? ????.

  • resize

  • box-sizing

  • outline-offset

CSS3 Resize

CSS3?? ?? resize ??? ???? ??? ??? ???? ??? ??? ?????.

? div ??? ???? ??? ?????. (Firefox 4+, Chrome, Safari)

CSS ??? ??? ????:


Instance

???? ??? div ?? ??: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
    <style>
        div
        {
            border:2px solid;
            padding:10px 40px;
            width:300px;
            resize:both;
            overflow:auto;
        }
    </style>
</head>
<body>
<div>調(diào)整屬性指定一個(gè)元素是否由用戶可調(diào)整大小的。.</div>
</body>
</html>

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

CSS3 Box Sizing

box-sizing ??? ???? ???? ?? ??? ??? ??? ???? ??? ? ????. ???

??- offset ?? ???? ????? ??? ???? ??? ????.

???? ? ?? ???? ???? ????.

???? ??? ???? ????. ???? ????? ?? ? ????.

?

??? ???? ??? 15??? ???? ?????. 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title>
<style> 
div.container
{
width:30em;
border:1em solid;
}
div.box
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
border:1em solid red;
float:left;
}
</style>
</head>
<body>
<div class="container">
<div class="box">這個(gè)div占據(jù)了左邊的一半。.</div>
<div class="box">這個(gè)div占據(jù)了右邊的一半。</div>
</div>
</body>
</html>

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

??? UI ??


3 ?? ??? ?? ?? ???? ??? ?? ????? ??? ?? ?? ???? ??? ?? ???? ??? ?? ?? ??? ? ??? ??? ???????? ?? ? ??? ??? ???? ????? ?? ?? ?? ?? ??????? ??
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <style> div { margin:20px; width:150px; padding:10px; height:70px; border:2px solid black; outline:2px solid red; outline-offset:15px; } </style> </head> <body> <p><b>注意:</b> Internet Explorer 不兼容 outline-offset屬性.</p> <div>這個(gè) div有一個(gè)輪廓邊界15 px邊境外的邊緣。</div> </body> </html>

        2.  ??  ??  CSS 
        appearance? ???? ??? ?? UI ???? ??? ?? ? ????. 3 
         box-sizing? ???? ??? ?? ?? ??? ?? ???? ??? ? ????. 3
        icon? ????? ??? ?? ????? ??? ? ?? ??? ?????. nav-left
        3nav-right
        3 nav-up 
        3outline-offset
        3resize
        3