css样式基础--基本选择器

 在该文件夹中新建index.html,输入图片所示内容,按照下列要求进行格式设置
 标题以外的文字内容(标题部分请自己输入)
第一段文字
第二段文字
永和九年,岁在癸丑,暮春之初,会于会稽山阴之兰亭,修禊事也。群贤毕至,少长咸集。此地有崇山峻岭,茂林修竹,又有清流激湍,映带左右。引以为流觞曲水,列坐其次。虽无丝竹管弦之盛,一觞一咏,亦足以畅叙幽情,是日也,天朗气清,惠风和畅。仰观宇宙之大,俯察品类之盛,所以游目骋怀,足以极视听之娱,信可乐也。
夫人之相与,俯仰一世。或取诸怀抱,悟言一室之内;或因寄所托,放浪形骸之外。虽趣舍万殊,静躁不同,当其欣于所遇,暂得于己,快然自足,不知老之将至。及其所之既倦,情随事迁,感慨系之矣。向之所欣,俯仰之间,已为陈迹,犹不能不以之兴怀。况修短随化,终期于尽。古人云:“死生亦大矣!”岂不痛哉!
每览昔人兴感之由,若合一契,未尝不临文嗟悼,不能喻之于怀。固知一死生为虚诞,齐彭殇为妄作。后之视今,亦犹今之视昔,悲夫!故列叙时人,录其所述。虽世殊事异,所以兴怀,其致一也。后之览者,亦将有感于斯文。
虽有午后短暂的炎热,却也挡不住初秋早晚凉意阵阵来袭,秋,就这样,带着盛夏成熟的稳重、果蔬的丰硕,安静的来了,秋已至,落叶黄,秋水涟漪,蓝天白云中,淡淡的风,已是秋高气爽,一场秋雨一场寒的循序交替,让清寒渐渐袭来,秋意渐渐浓了,处处有了秋意的水墨画卷、自然美景画廊,美不胜收,尽收眼底。
第n段文字
第四级标题
文本排列方式

该效果图的样式设置要求:
1、 文章中所有正文:行高:22px; 文字大小12px
2、 标题部分:字符间距为20px;加粗;居中
3、 第一段文字:宽度:400px; 高:35px;背景颜色:#aaaaaa; 文字大小:24px;加粗;居中对齐
4、 第二段文字: 文字大小:16px;右对齐 宽度:300px;背景颜色:绿色
5、 第三段文字:字体颜色:蓝色, 加粗,首行缩进2字符
6、 第四段文字:文本修饰:添加删除线,首行缩进2字符
7、 第五段文字: 文本修饰:添加上划线;字体为黑体;背景颜色为#3344aa,文字样式:斜体
8、 第六段文字:首行缩进2字符
9、 第七段文字:背景颜色为:blue;文本右对齐;字体颜色:白色;文字加粗
10、 第八段文字:文字大小:25px 加粗; 字符间距:22px
11、 第九段文字: 加粗,首行缩进30px
下面展示一些 代码片

在这里插入代码片
类选择器的使用

兰亭集序

第一段文字

第二段文字

永和九年,岁在癸丑,暮春之初,会于会稽山阴之兰亭,修禊事也。群贤毕至,少长咸集。此地有崇山峻岭,茂林修竹,又有清流激湍,映带左右。引以为流觞曲水,列坐其次。虽无丝竹管弦之盛,一觞一咏,亦足以畅叙幽情,是日也,天朗气清,惠风和畅。仰观宇宙之大,俯察品类之盛,所以游目骋怀,足以极视听之娱,信可乐也。

夫人之相与,俯仰一世。或取诸怀抱,悟言一室之内;或因寄所托,放浪形骸之外。虽趣舍万殊,静躁不同,当其欣于所遇,暂得于己,快然自足,不知老之将至。及其所之既倦,情随事迁,感慨系之矣。向之所欣,俯仰之间,已为陈迹,犹不能不以之兴怀。况修短随化,终期于尽。古人云:“死生亦大矣!”岂不痛哉!

每览昔人兴感之由,若合一契,未尝不临文嗟悼,不能喻之于怀。固知一死生为虚诞,齐彭殇为妄作。后之视今,亦犹今之视昔,悲夫!故列叙时人,录其所述。虽世殊事异,所以兴怀,其致一也。后之览者,亦将有感于斯文。

虽有午后短暂的炎热,却也挡不住初秋早晚凉意阵阵来袭,秋,就这样,带着盛夏成熟的稳重、果蔬的丰硕,安静的来了,秋已至,落叶黄,秋水涟漪,蓝天白云中,淡淡的风,已是秋高气爽,一场秋雨一场寒的循序交替,让清寒渐渐袭来,秋意渐渐浓了,处处有了秋意的水墨画卷、自然美景画廊,美不胜收,尽收眼底 。

第n段文字

第四级标题

文本排列方式

结果展示
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值