CSS：CSS常用的文本样式属性

介绍：CSS常⽤的⽂本样式属性　　color: 颜⾊　　font-size: 字体⼤⼩

　　font-style (normal、italic、oblique): 字体样式（正常、斜体）　　font-weight (normal 、bold、100-900): 字体的粗细　　line-height: ⾏⾼　　text-align: 对齐⽅式

　　text-decoration (underline、line-through):下划线（⽂字底部的线、穿过⽂字的线）　　word-spacing:字体之间的间隔

测试：

CSS_Property.html

经典诗句、优美词赋

三顾频繁天下计，两朝开济⽼⾂⼼。——诸葛亮
出师未捷⾝先死，长使英雄泪满襟。——诸葛亮
出师⼀表真名世，千载谁堪伯仲间。——诸葛亮
已知天下三分⿍，犹竭⼈谋就出师。——诸葛亮

刚正不阿,留得正⽓冲霄汉；幽愁发愤，著成信史照尘寰。——司马迁
酌酒花间磨针⽯上，倚剑天外挂⼸扶桑。——李⽩

千古诗才，蓬莱⽂章建安⾻；⼀⾝傲⾻，青莲居⼠谪仙⼈。——李⽩
翁去⼋百年，醉乡犹在；⼭⾏六七⾥，亭影不孤。——欧阳修

铁板铜琶继东坡⾼唱⼤江东去，美芹悲⿉冀南宋莫随鸿雁南飞。——⾟弃疾
世上苍痍，诗中圣哲；⼈间疾苦，笔底波澜。——杜甫
犹留正⽓参天地，永剩丹⼼照古今。——⽂天祥
深思⾼举洁⽩清忠，汩罗江上万古悲风。——屈原
四⾯湖⼭归眼底，万家忧乐在⼼头。——范仲淹

⼤河百代，众浪齐奔淘尽万古英雄汉；词苑千载，群芳竞秀盛开⼀枝⼥⼉花。——李清照

译著尚未成书，惊闻陨星，中国何⼈领呐喊？先⽣已经作古，痛忆旧⾬，⽂坛从此感彷徨。——鲁迅

View Code

效果图：

现在改变内容的属性CSS_Property.html

经典诗句、优美词赋

三顾频繁天下计，两朝开济⽼⾂⼼。——诸葛亮
出师未捷⾝先死，长使英雄泪满襟。——诸葛亮
出师⼀表真名世，千载谁堪伯仲间。——诸葛亮
已知天下三分⿍，犹竭⼈谋就出师。——诸葛亮

刚正不阿,留得正⽓冲霄汉；幽愁发愤，著成信史照尘寰。——司马迁
酌酒花间磨针⽯上，倚剑天外挂⼸扶桑。——李⽩

千古诗才，蓬莱⽂章建安⾻；⼀⾝傲⾻，青莲居⼠谪仙⼈。——李⽩
翁去⼋百年，醉乡犹在；⼭⾏六七⾥，亭影不孤。——欧阳修

铁板铜琶继东坡⾼唱⼤江东去，美芹悲⿉冀南宋莫随鸿雁南飞。——⾟弃疾
世上苍痍，诗中圣哲；⼈间疾苦，笔底波澜。——杜甫
犹留正⽓参天地，永剩丹⼼照古今。——⽂天祥
深思⾼举洁⽩清忠，汩罗江上万古悲风。——屈原
四⾯湖⼭归眼底，万家忧乐在⼼头。——范仲淹

⼤河百代，众浪齐奔淘尽万古英雄汉；词苑千载，群芳竞秀盛开⼀枝⼥⼉花。——李清照

译著尚未成书，惊闻陨星，中国何⼈领呐喊？先⽣已经作古，痛忆旧⾬，⽂坛从此感彷徨。——鲁迅

View Code

创建Css_Property.css

h2{

color: #FF0000; /*color: red; */ font-size: 40px; font-weight: bold;

font-style: italic; text-align: center;

text-decoration: line-through;/*穿过⽂字*/ word-spacing: 40px;}

p{

color: white; font-size: 20px; font-weight: 100; font-style: oblique; text-align: center; line-height:40px;

text-decoration: underline;/*⽂字底部*/ background: rgb(13,195,176);}

View Code

效果图：