                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /網頁簡單布局之結構與表現原則

本地書寫時，通過.main .left image或者.main image為什么不能選擇到圖片

<html>
??<head>
?????<title>布局練習</title>
?????<meta?charset="utf-8">
?????<style?type="text/css">
??????body{
????????margin:0;
????????padding:?0;
????????font-size:30px;
????????font-weight:?bold;
??????}
??????.main{
????????width:?458px;
????????padding:?20px;
????????margin-left:100px;
????????background:?#9cf;?
????????border:?1px?solid?gray;
????????position:?relative;
??????}
??????.main?.left?image{
??????float:?left;?
??????margin:-20px?0?0?-130px;
??????}?
??????.main?.right?p{
????????font-size:?12px;
????????line-height:?25px;
??????}
??????
??????.main?.right?span{
????????position:?absolute;
????????right:?20px;
????????top:10px;
????????font-size:?12px;
??????}
?????</style>
??</head>

??<body>
???<div?class="main">
??????<div?class="left">
???????<image?src="C:\Users\Desktop\Koala.jpg"??width="100px"?height="100px">
??????</div>

??????<div?class="right">
???????<h6>櫻桃小丸子</h6>
???????<span>10分鐘前</span>
???????<p>網站重構隨著這個概念的出現，也帶來了DIV結構的流行，因此也就出現了我們口頭說的“DIV+CSS做網站”。單從這個DIV+CSS的叫法來分析，可以了解到CSS已經被大家用在了頁面布局上了。單一個頁面不是只有控制DIV就控制了全面，還有很多其他的HTML標記，以前用table布局的頁面，一樣可以用CSS來控制它
???????</p>
??????</div>

???</div>
??</body>
</html>