CSS ??
CSS ??
CSS ??(??) ???? ??? ?? ??? ?????.
?? ??? ??? ?????.
width ??? ??? ?????.
max-height ??? ?? ??? ?????.
max-width ??? ?? ??? ?????.
min-height ??? ?? ??? ?????.
min-width ??? ?? ??? ?????.
line-height ? ??? ?????.
max/min-height/width? ??? ?? ? ?? ?? ??? ?????.
line-height? ? ?? ?? ??? ???? ? ??? ?????. ? ?? ? ??? ??.
?? ?? ??
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" />
<p class="ex">這個段落的高和寬是 100px.</p>
</body>
</html>???? ???? ??? ?? ??
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}
</style>
</head>
<body>
<img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br>
<img class="small" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" />
</body>
</html>
