效果图如上
结构如下:
1 <div id="all">
2 <h1>你若安好,便是晴天</h1>
3 <p class="part1">一个人,一本书,一杯茶,一帘梦。</p>
4 <p class="part2"> 站在时光的十字路口,回望过去的种种单纯与美好,欣慰而悲凉。</p>
5 <p class="part3">花开花落,风卷云舒。青春如同流沙般从指缝溜走,过去的倔强与轻狂,原来
如此荒诞不羁。俗世喧嚣,总会想在空灵停滞的时空内,独倚幽窗,品一壶清茶,细细体味光阴如梭,年
华老去。</p>
6 <p class="part4">时光轮回,生命交替,红尘无尽。</p>
7 </div>
要求:具体实现步骤如下:
a) 综合使用标签选择器、id 选择器及类选择器控制元素。
b) 设置整体大盒子宽度为 800 像素;所有文本为宋体、14 像素,行高为 18
像素。
c) 设置标题“你若安好,便是晴天”为 18 像素、紫色、加粗、居中、下划
线的效果。
d) 设置第一段文本为红色、居中对齐。
e) 设置第二段文本为蓝色、首行缩进 2 个字符、字间距为 16 像素,并使用
省略“…”标示溢出文本。
f) 设置第三段文本为绿色、加粗、斜体。
g) 设置第四段文本为紫色、删除线效果。