小蔡学Web:[13]网页的定位position
1、打开DW软件,然后新建一个空白网页,然后保存为position.html。
![小蔡学Web:[13]网页的定位position](https://exp-picture.cdn.bcebos.com/76b6860e5f204371ee896094323acd8921c58fea.jpg)
3、我在争犸禀淫<title>中输入合适的样式表,用来美化网页,我们用唯一样式调用ID调用,所以我们用#来写样式,分别取名为,#style_image,#style_word。#style_image{border:1px solid #000000; /* 给图片加框 */float:left;/*左浮动 */}#style_word{color:white;font-size:16px; /*定义字体大小,颜色 */}
![小蔡学Web:[13]网页的定位position](https://exp-picture.cdn.bcebos.com/a749bb0f94fc508c589c914c01775ddd894cfdea.jpg)
5、我们可以从上面可以看到,字体和图片都右浮动了,但是没有达到我们定位的效果,我们接下来要把定位position写到#style_word里面去。#style_word{color:#FF0000;font-size:16px;position:absolute; //定位left:255px;top:200px;}
![小蔡学Web:[13]网页的定位position](https://exp-picture.cdn.bcebos.com/b7b28f87031c99c07caeb732af2fa872951fedea.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:66
阅读量:53
阅读量:44
阅读量:90
阅读量:29