150929-拖延高于懒-HTML(End)

四天未更了,分别是因为Xshell和虚拟机链接不好,累,懒(好像是三天。。)

就像我一直嗷嗷着要去学开出一样,5年都没有去。。。。。。拖延症似乎比懒癌更可怕。慢慢的慢慢的,人长大了,小时候的一些东西才明白。一天之计在于晨,早上动起来,一天都不会太懒吧(这个句式就像爱笑的女生运气都不会太差),不说了,教研室去了。

--------------------------9:00-------------------------------------------------------

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>内联块状元素</title>
<style type="text/css">
div{background:230;}
p{display:block;
border-bottom:2px solid blue;
padding:20px 12px;
height:100px;
inline-height:100px;
font:italic "宋体",sans-serif 120%/1.5em #369;
text-align:center;}
table {margin:0 auto;}
.float1{float:left;
position:relative;
left:50%;}
.float2{position:relative;
left:-50%;}
.layerabs{position:absolute;
left:0 auto;}
.layerrel{position:relative;}
.layerfixed{position:fixed;
right:0;
bottom:0;}

</style>
</head>
<body>
<div class="layerfixed">
<p>固定定位</p>
</div>

<div class="layerabs">
<p>绝对定位</p>
</div>

<div class="layerrel">
<div class="layerabs">
<p>定位的组合</p>
</div></div>

<div class="float1">
<div class="float2">
<p>非定宽居中</p>
</div></div>

<div>
<table><tbody><tr><td>
<p>非定宽居中table</p>
</td></tr></tbody></table>
</div>

</body>
</html>

HTML的初级内容学习完毕,上述内容主要是一点排版方法,然后还需要进一步的优化。暂时先记下慢慢消化~

-------------------17:04-------------------------

原文地址:https://www.cnblogs.com/andy1202go/p/4845464.html