CSS3 ??? ?????
CSS3 ??? ?????
CSS3 ??? ?????
CSS3?? ?? ??, ?? ?? ? ?? ???? ???? ?? ? ?? ??? ??? ????? ??? ???????.
? ???? ?? ??? ????? ??? ?? ????.
resizebox-sizingoutline-offset
CSS3 ?? ??(?? ??)
CSS3?? resize ??? ??? ??? ??? ?? ???? ??? ??? ?????. ??? ??.
? div ??? ???? ??? ?????. (Firefox 4+, Chrome ? Safari)
<!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>
<p><b>注意:</b> Firefox, Safari,和 Chrome 兼容 resize 屬性.</p>
<div>調(diào)整屬性指定一個元素是否由用戶可調(diào)整大小的。.</div>
</body>
</html>CSS3 ?? ?? ??
?? ?? ?? ??? ???? ???? ?? ??? ??? ????? ???? ??? ? ????.
<!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">這個div占據(jù)了左邊的一半。.</div>
<div class="box">這個div占據(jù)了右邊的一半。</div>
</div>
</body>
</html>CSS3 ??? ??(outline-offset)
outline-offset ??? ???? ????? ??? ???? ??? ???? ????.
???? ? ?? ??? ???? ????.
???? ??? ???? ????. ???? ????? ?? ? ????.
? div?? ??? ???? 15??? ???? ????.
CSS ??? ??? ????:
<!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>這個 div有一個輪廓邊界15 px邊境外的邊緣。</div>
</body>
</html>??? ??? ????? ??
nav-down ??? ??? ?? ?? ???? ??? ??? ?????. 3
nav-index ??? ? ??? ?????.? 3?
nav-left ?? ??? ?? ?? ??? ??? ?????. ?? 3 aNAV-RIGHT? ??? ?? ???? ?? ??? ??? ?? ?? ??? ??? ?????. 3
Nav-UP ?? ?? ???? ?? ???? ??? ??? ?????. 3
Outline-Offset ?? ?? ?? ? ?? ????? ????. ??? 3 iResize? ?? 3? ???? ?? ??? ???? ????? ??? ?????.
