浮动学习笔记
需积分: 10 191 浏览量
2019-05-06
20:05:03
上传
评论
收藏 615KB DOC 举报
01html
01 工具认识
Sublim 安装:hp://www.sublimetextcn.com/3/
使用 sublime 创建一个 html 文件：Ctrl+N 新建 Ctrl+S 保存
输入结构：！---TABLE
Body 中输入 HELLOWORLD
****<style>
div {
width:50px;
heigh:5000px;
border:1px 边框 solid hotpink;
margin: 0 auto;让盒子居中
}
img{
float :right/right/none(不浮动）;
}
//可以实现下方插入的图片做文字环绕效果，位子围绕图片
</style>
...
<div>
文字
<img src="位置" hight="200" weight="100" alt="">图
</div>
****转换为行内块元素：在一行上，但是用 inline 中间会有空隙
div:{
width:200px;
height:200px;
background-color :pink;
display:inline-color;/*布局方式 1 转换行内块元素，可以放一行上，有宽高
度*/
Float:left;/*布局方式 2*/（1 有空隙，2 没有，效果好）
div:nth-child(2){
background-color :hotpink;
}
div:last-child{
background-color :deeppink;
评论0
最新资源