css权威指南(二)

by xu xiaofei

HTML

<p>
	<p>“高东主，郭大东家是再也不回了么？”一个胖得都快冒油的道士一脑门子的汗，坐在高举左手边的客座上，很急切地发问。这是府城西边那座东岳庙的化主，掌着一庙的募化，顺便也担任着与高举之类生意伙伴的外交工作。</p>

<p>东岳庙本是近百年前一位广里本地的豪商声称梦中有神人降临，自称是东岳天将，给那位豪商解了厄赐了福，<img src="https://s-media-cache-ak0.pinimg.com/originals/18/d6/f6/18d6f601f79917498df187f1c760143d.jpg" alt="">因而捐了田地建了一座十方丛林还愿感恩。没过一甲子，那家豪商一船生丝发往日本后就再没回来过，家中钱财一时不称手，反过来找东岳庙借了些功德银子，可没想到这家从此财运不顺，没几年家就败了，墙倒众人推之后大家才发现，这家豪商的地产之类竟然都抵给了东岳庙，再加上其他一些“乐捐”之类，东岳庙竟就成了广州府城外西边方向的第一大地主了。</p>
<p class="below">这东岳庙几代方丈也都算经营有术，就算有一代是个一心悟道飞升的，却也慧眼识人请了上好的庄头和公务（都是道观的职务名称），一片土地经营的倒是颇为兴旺。这些田地除了少量高产田地种植粮食，其他主要是种植木蓝和姜黄。尤其那木蓝相传还是从天竺佛国传来的“印度蓝”，而广府本地种蓝多以蓼蓝为主，木蓝本就种的少，再加上这噱头，这一道观的种植业倒是弄出个”佛蓝“的名堂。你别说，有了这个噱头，往日本发运的蓝靛染料里这家的”佛蓝“倒是很有些口碑，因此历年来这东岳庙都是高举等诸多海商的座上嘉宾。</p>
<div class="out">
	<div class="in-0"></div>
	<div class="in-1">
		
	</div>
</div>

<div class="absolute">
	满地都是form，每个form有茫茫多的字段，双向绑定是你的好朋友，自带的表单验证机制是你的好朋友因为你从头到尾90%的时间是做在CURD和高级一点的CURD，为了放置无处安放的CURD代码和方便的调用这些代码，你写了无数个Service而且他们之间还互相依赖，依赖注入是你的好朋友什么都有，什么都有现成的模式，就像java一样，充分的降低对程序员技术的要求，程序员可以专心搬砖，不用想太多。

作者：fluxxu
链接：https://www.zhihu.com/question/57521818/answer/154339323
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
</div>

CSS

img{
	float:right;
	width:50%;
}
p{	/* float:left; */
	border:1px solid #ccf;
	background:#fff;
}
.below{
	clear:both;
	margin-top:10px;
}
.out{
	position:relative;
	width:100%;
	height:100px;
	background:maroon;
}
.in-0{
	position:absolute;
	height:50px;
	background:yellow;
	width:50%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.in-1{
	position:absolute;
	top:50px;
	bottom:20px;
	height:auto;
	z-index:1000;
	border:5px solid black;
	margin:auto 20px;
	background:black;
}
.absolute{
	top:800px;
	left:20px;
	position:absolute;
	width:100px;
	height:100px; 
	overflow:hidden; 
	clip:rect(1em,15em,15em,2em);
	border:2px solid tomato;
}