之前楼主讲了DIV就是一个盒子
那么DIV里是如何装DIV的呢?
之前做了个main的div
下面我们在这个DIV里嵌入一个DIV
<div id="main">
<div> </div>
</div>
我们要想嵌入两个DIV,一个在main这个DIV的左边.一个在MAIN这个DIV里的右边.怎么做呢?
我们开始不是已经设置main这个DIV的宽为300了吗?
那么在里面这两个DIV的宽度那就是平均150了
<div id="main">
<div id="main_left"> </div>
<div id="main_right"> </div>
</div>
我们先把DIV的名字设置好
接着在CSS文件里加上
#main_left{
width:150px;
height:200px;
}
#main_right{
width:150px;
height:200px;
}
好吧.你会发现居然不是左右分布的!!
这里要用到一个float
#main_left{
width:150px;
height:200px;
float:left;//左对齐
}
#main_right{
width:150px;
height:200px;
float:left;//右对齐
}
这样就可以了
然后我们想在左边的main_left这个DIV里插入一个图片.
而右边main_right这个DIV里加入文字该怎么弄呢?
这里要说一下文件夹的运用
之前不是建立好了一个images文件夹么.我们随便找个图片把他另存到文件夹里.
这里学习到一个<img src="图片路径+图片名"/>
<div id="main">
<div id="main_left"><img src="images/图片名字.jpg"/></div>
<div id="main_right"> </div>
</div>
这里要注意了.图片名字就是
比如我这是123.jpg 那么就是images/123.jpg"
下面讲下一个比较有意思的图片路径问题
文件夹一般来说就父文件夹和子文件夹这个概念.说到父子.你们应该清楚关系了
比如我a文件夹下有b,c两个文件夹.那么b,c就是a的子文件夹.a就是b,c的父文件夹
如果a上面还有个d文件夹.那么d又是a的父文件夹
在HTML.
如果你的 .html文件下面有a文件夹.那么调用里面的东西.
就是
a/文件名
如果a文件夹里面还有个b文件夹,要调用里面的东西
就是
a/b/文件名
如此
然后如果引用父文件夹的东西怎么弄呢?
比如我的.html文件在a文件夹里.a文件夹上面是b文件夹.我想用b文件里的图片
那么就是
../图片名
如果b文件夹里有a,c两个文件夹.
我a文件夹里的.html想用c文件夹里的图片.那么路径该怎么写呢?
