web-2020-9-14
使用工具：
sublime text3
visual code也行，下了一下午下成vs2019，心情糟糕
插件安装：https://www.jianshu.com/p/cee5e5b8c1d7
盒模型
1、content area 内容显示区；border 边界;padding 内容与边界的距离;margin 边界与其它内容外边界的距离.
2、<div><p>测试web编程2</p></div>，盒子之间的嵌套，以有标准的盒子为基础。
3、float属性：
width属性仅对块元素和img元素有效；
clear规定元素哪一侧不允许其他浮动元素；
float浮动
overfloat
思考：
h1{margin: 0em;background-color: blue;border:3px solid black 60%;}//怎样使边框小一点--块元素可调节宽度
4、定位及元素可见性
相对位置和绝对位置
<style type="text/css">
#area2{
position: relative;//相对位置，相对于当前窗口
}
#test{
position:absolute;//绝对位置，相对于area2的绝对位置；
right: 40px;top: 20px;
}
</style>
</head>
<body>
<div id="area1">第一个区域</div>
<div id="area2">第二个区域
<div id="test">
第三个区域
</div></div>
fixed 固定位置 相对于浏览器窗口
display visibility
浙公网安备 33010602011771号