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

<!doctype html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="description" conent="this is an example"><meta name="keywords" conent="html,css"><title> CSS常用的文本样式属性 </title></head><body><h2>经典诗句、优美词赋</h2><p>三顾频繁天下计，两朝开济老臣心。——诸葛亮<br/>    出师未捷身先死，长使英雄泪满襟。——诸葛亮<br/>    出师一表真名世，千载谁堪伯仲间。——诸葛亮<br/>    已知天下三分鼎，犹竭人谋就出师。——诸葛亮<br/> 刚正不阿,留得正气冲霄汉；幽愁发愤，著成信史照尘寰。——司马迁<br/>   酌酒花间磨针石上，倚剑天外挂弓扶桑。——李白<br/> 千古诗才，蓬莱文章建安骨；一身傲骨，青莲居士谪仙人。——李白<br/>翁去八百年，醉乡犹在；山行六七里，亭影不孤。——欧阳修 <br/>铁板铜琶继东坡高唱大江东去，美芹悲黍冀南宋莫随鸿雁南飞。——辛弃疾<br/>    世上苍痍，诗中圣哲；人间疾苦，笔底波澜。——杜甫<br/>   犹留正气参天地，永剩丹心照古今。——文天祥<br/>   深思高举洁白清忠，汩罗江上万古悲风。——屈原<br/>   四面湖山归眼底，万家忧乐在心头。——范仲淹<br/> 大河百代，众浪齐奔淘尽万古英雄汉；词苑千载，群芳竞秀盛开一枝女儿花。——李清照<br/>   译著尚未成书，惊闻陨星，中国何人领呐喊？先生已经作古，痛忆旧雨，文坛从此感彷徨。——鲁迅<br/></p></body>
</html>

View Code

效果图：

现在改变内容的属性

CSS_Property.html

<!doctype html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="description" conent="this is an example"><meta name="keywords" conent="html,css"><title> CSS常用的文本样式属性 </title><link rel="stylesheet" type="text/css" href="Css_Property.css"></head><body><h2>经典诗句、优美词赋</h2><p>三顾频繁天下计，两朝开济老臣心。——诸葛亮<br/>    出师未捷身先死，长使英雄泪满襟。——诸葛亮<br/>    出师一表真名世，千载谁堪伯仲间。——诸葛亮<br/>    已知天下三分鼎，犹竭人谋就出师。——诸葛亮<br/> 刚正不阿,留得正气冲霄汉；幽愁发愤，著成信史照尘寰。——司马迁<br/>   酌酒花间磨针石上，倚剑天外挂弓扶桑。——李白<br/> 千古诗才，蓬莱文章建安骨；一身傲骨，青莲居士谪仙人。——李白<br/>翁去八百年，醉乡犹在；山行六七里，亭影不孤。——欧阳修 <br/>铁板铜琶继东坡高唱大江东去，美芹悲黍冀南宋莫随鸿雁南飞。——辛弃疾<br/>    世上苍痍，诗中圣哲；人间疾苦，笔底波澜。——杜甫<br/>   犹留正气参天地，永剩丹心照古今。——文天祥<br/>   深思高举洁白清忠，汩罗江上万古悲风。——屈原<br/>   四面湖山归眼底，万家忧乐在心头。——范仲淹<br/> 大河百代，众浪齐奔淘尽万古英雄汉；词苑千载，群芳竞秀盛开一枝女儿花。——李清照<br/>   译著尚未成书，惊闻陨星，中国何人领呐喊？先生已经作古，痛忆旧雨，文坛从此感彷徨。——鲁迅<br/></p></body>
</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

效果图：

CSS: CSS常用的文本样式属性相关推荐

CSS中常用的文本样式
一.字体样式 1.color:为字体指定颜色字体颜色的取值:关键字.RGB.6位16进制.RGBA.HSL.HSLA 2.font-size 为字体指定文字大小,取值可以为绝对单位或者相对单 ...
CSS中常用的10个文本样式属性——让文本设置再无难点
一个页面中,文本样式,是必不可少的,当然css也给我们准备了很多很多很多的文本样式,以下列举了10个常用的文本样式属性及常用的属性值,掌握了,也基本满足使用了 1: text-transform 可以 ...
HTML标记fort属性最大取值,CSS(2)---css字体、文本样式属性
css字体.文本样式属性这篇主要讲CSS文本属性中的:字体样式属性和文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...
05使用CSS设置字体和文本样式
使用CSS设置字体和文本样式: 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|ser ...
css禁止鼠标复制文本的属性：user-select
禁用用户选中 user-select禁止复制页面的文本: 使用JavaScript的方式,代码如下: document.documentElement.style.webkitUserSelect=& ...
如何使用jquery修改css中带有!important的样式属性
<div class="test">使用jquery修改css中带有!important的样式属性</div> 外部样式为: div.test{width: ...
CSS中border的所有样式属性
CSS中border的所有样式属性 1.solid:实线使用方法:border:solid 1px #000; 我发现border:1px solid #000;和border:solid 1px ...
html font设置字号,CSS font-size字体文字大小样式属性
CSS font-size字体文字大小样式属性-字体大小样式篇: 本节DIVCSS5为大家介绍通过CSS样式设置文字字体大小知识,涉及CSS样式单词font-size. 一.设置字体大小CSS单词与语 ...
阿ken的HTML、CSS的学习笔记_文本样式属性（笔记三）
前段时间国庆中秋那会儿学校放八天假几乎所有人都选择回家或者是出去玩儿而我选择留在学校这边儿找一个晚七到早七的兼职去警醒一下浑浑噩噩的自己整栋宿舍楼就剩下我和我的一个舍友虽不过十月深秋却让人 ...

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

CSS: CSS常用的文本样式属性相关推荐

最新文章

热门文章