介绍：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>

效果图：

现在改变内容的属性

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>

创建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:;

    font-style: oblique;

    text-align: center;

    line-height:40px;

    text-decoration: underline;/*文字底部*/

    background: rgb(13,195,176);

}

效果图：

CSS: CSS常用的文本样式属性的更多相关文章

  1. CSS(2)---css字体、文本样式属性

    css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...

  2. HTML和CSS前端教程03-CSS文本样式

    目录 1.CSS颜色-建议就用十六进制 2.CSS长度的度量单位-建议就用px 3.CSS文本样式 3.1. 字体属性 3.1. 文本样式 1.CSS颜色-建议就用十六进制 p{ color: #ff ...

  3. 使用 jQuery 选择器获取页面元素，然后利用 jQuery 对象的 css() 方法设置其 display 样式属性，从而实现显示和隐藏效果。

    查看本章节 查看作业目录 需求说明: 使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果. 具体要求如下: ...

  4. 使用jquery修改css中带有!important的样式属性

    当CSS中含有!important的样式属性时,普通的修改方式是会出现失败的.如下: <div class="test">使用jquery修改css中带有!import ...

  5. 如何利用 jQuery 修改 css 中带有 !important 的样式属性？

    使用 jQuery 修改 css 中带有 !important 的样式属性 外部样式为: div.test { width:auto !important; overflow:auto !import ...

  6. [Web 前端] 009 css 常用的文本样式设置

    常用的文本 css 样式 概览 参数 释义 举例 color 设置文字的颜色 color:red; font-size 设置文字的大小 font-size:12px; font-family 设置文字 ...

  7. 重温CSS之背景、文本样式

    CSS背景样式: 背景色:background-color属性,设置元素的背景色,如:div {background:blue;}--设置所有div元素的背景为蓝色: 背景图像:background- ...

  8. CSS中如何使用背景样式属性，看这篇文章就够用了

    css背景样式属性介绍 背景样式就是自定义HTML标签的背景颜色或背景图像. 背景属性说明表 属性名 属性值 描述 background-color #f00.red.rgb(255,0,0) 设置背 ...

  9. css 基础 字体和文本样式

    字体样式处理font-size:30px:// 设置字体大小 font-weight:700://设置粗体 font-sytle:italic; //设置文字斜体 font-family: 斜体,宋体 ...

随机推荐

  1. 易普优APS高级计划排程系统系列提纲：行业知识，业务建模，排程算法，计划可视化，平台框架，案例分享

    专注于高级计划排程系统研发与实施10来年了,国内外各种APS软件基本都研究过,这里列个提纲主要从6个方面跟大家一起讨论分享,欢迎大家鼓掌或拍砖 易普优APS高级计划排程系统系列001:行业知识,APS ...

  2. jquery放大镜非常漂亮噢

    这个放大镜的代码挺简单滴效果也不错. <script> //QQ:496928838 微凉 $(function(){ $("#demo").enlarge( { // ...

  3. CSS3之背景定位原点background-origin

    背景定位原点background-origin是CSS3新添加的有关背景的属性,主要是改变背景起始的原点位置的.CSS3之背景定位原点background-origin的属性值有三个:border.p ...

  4. javascript 进制转换(2进制、8进制、10进制、16进制之间的转换)

    //十进制转其他 var x=110; alert(x); alert(x.toString(8)); alert(x.toString(32)); alert(x.toString(16)); // ...

  5. 133个Java面试问题列表

    转载: 133个Java面试问题列表 Java 面试随着时间的改变而改变.在过去的日子里,当你知道 String 和 StringBuilder 的区别就能让你直接进入第二轮面试,但是现在问题变得越来 ...

  6. 转：Uncovering Drupalgeddon 2（cve-2018-7600）漏洞深度解析(附漏洞利用代码地址)

    转:https://research.checkpoint.com/uncovering-drupalgeddon-2/ By Eyal Shalev, Rotem Reiss and Eran Va ...

  7. PAT L2-018. 多项式A除以B

    暴力,模拟. 比赛搞了一个小时搞到了$1$分.赛场上不够冷静......之前没接触过多项式除法,但赛场上想到了除法的规则,莫名其妙写的时候不知道哪里崩了.对于这样的题目,应该先测一测数据的指数是不是很 ...

  8. hpu 1194 Sequence

    HS(Handsome)的Ocean在纸上写下NN个整数,Ocean把它定义为OO序列. Ocean认为一个序列的价值的是:序列中不同元素个数. 现在他想知道OO序列中所有子序列的价值之和. 比如说: ...

  9. FastReport.Net使用：[37]报表继承

    1.设计一个基础报表,将其保存为BaseReport. 2.新建一个继承的报表. 通过 文件-->新建 打开“新建对象”向导.选择“继承的报表”,点击确定. 3. 在打开对话框中选择基础报表Ba ...

  10. Hibernate 悲观锁（Pessimistic Locking）

    在日常开发中并发应该是比较常遇到的业务场景,Hibernate给我们提供了并发操作,接下来简单介绍一下Hibernate悲观控制. 悲观锁:用户其实并不需要花很多精力去担心锁定策略的问题,通常情况下, ...