- 首先打开DW软件进入后,点击文件然后点击新建,然后选择HTML然后创建
2,在<title>定位</title> 中间打上一个标题 <body></body>中间给他一个<div></div>
3,在<title>定位</title>,后面给他一个<style></style>然后在<style></style>中间给它一个div{}在括号里面给它一个宽为 width:100px;,高为height: 100px; 然后在<body></body>里面给他一个3个<div></div>然后在div中间打上123然后还是在里面<div>1</div>给他一个类名<div class="div1">1</div> <div class="div2">2</div> <div class="div3">3</div>这样每一个元素设置一个背景颜色,然后在div{width: 100px; height: 100px;}后面通过类选择器选择到他的背景颜色我们选择背景颜色还有用复合属性写
.div1{background:#E5272A;}.div2{background:#864344;}.div3{background: #B22FB9;
然后在<div class="div1">1</div> <div class="div2">2</div> <div class="div3">3</div>
嵌套一个r然后在div里面给他一个类名然后在嵌套一个<div><div class="box">
<div class="div1">1</div> <div class="div2">2</div> <div class="div3">3</div>
</div></div>,我们在.div3后面给他一个span{width:100px; height:100px;background: #E5272A;},然后在.div3里面设置top:0px;right:0px;
然后我们在body里面可以设置高度<body style="height: 2000px;">
4,点击文件,点击另存为(A),然后会弹出一个框在文件名哪里打上一个文件名字然后点击保存
,点击定位文件鼠标右键,在点击在浏览器中打开,在点击选择谷歌浏览器,就可以在浏览器看见定位的效果了,看见后滑动鼠标上的滚动键就可以看见12的盒子会向上滑动
这是我所学到的定位案例说明,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!