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

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

效果图：

现在改变内容的属性

CSS_Property.html

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

创建Css_Property.css

  1. h2{
  2.     color: #FF0000; /*color: red; */
  3.     font-size: 40px;
  4.     font-weight: bold;
  5.     font-style: italic;
  6.     text-align: center;
  7.     text-decoration: line-through;/*穿过文字*/
  8.     word-spacing: 40px;
  9. }
  10.  
  11. p{
  12.     color: white;
  13.     font-size: 20px;
  14.     font-weight:;
  15.     font-style: oblique;
  16.     text-align: center;
  17.     line-height:40px;
  18.     text-decoration: underline;/*文字底部*/
  19.     background: rgb(13,195,176);
  20. }

效果图：

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. Web前端开发最佳实践（2）：前端代码重构

    前言 代码重构是业内经常讨论的一个热门话题,重构指的是在不改变代码外部行为的情况下进行源代码修改,所以重构之前需要考虑的是重构后如何才能保证外部行为不改变.对于后端代码来说,可以通过大量的自动化测试来 ...

  2. c++ primer 6 语句

    没什么重要的东西,异常处理在17章再讲吧

  3. JavaScript学习之事件原理和实践

    1 基本概念 1.1 事件 JavaScript与HTML之间的交互是通过事件实现的. 事件是文档或浏览器窗口中发生的一些特定的交互瞬间,在事件上可以注册处理程序,以便当事件发生时,处理程序中的代码得 ...

  4. 【51nod】1594 Gcd and Phi

    题解 跟随小迪学姐的步伐,学习一下数论 小迪学姐太巨了! 这道题的式子很好推嘛 \(\sum_{i = 1}^{n} \sum_{j = 1}^{n} \sum_{d|\phi(i),\phi(j)} ...

  5. socket的使用二

    基于UDP协议的socket udp是无链接的,先启动哪一端都不会报错 简单使用 server端 import socket udp_sk = socket.socket(type=socket.SO ...

  6. Tarjan 算法详解

    一个神奇的算法,求最大连通分量用O(n)的时间复杂度,真实令人不可思议. 废话少说,先上题目 题目描述: 给出一个有向图G,求G连通分量的个数和最大连通分量. 输入: n,m,表示G有n个点,m条边 ...

  7. PHP -- 配置Apache遇到的问题

    在本地电脑用XAMPP+php+mysql配置项目的时候,能够正常运行. 但是通过远程进入VPN配置的时候,配置方式一样,但是老是无法显示. 后来看了错误日志后,发现之前在没完全配置完的时候运行,生成 ...

  8. 使用Keras实现机器翻译（英语—>法语）

    import numpy as np from keras.models import Model from keras.models import load_model from keras.lay ...

  9. .apk文件的MIME类型

    IIS7中下载apk文件会报404错误. 找到:IIS目录,MIME类型 添加.apk文件的MIME类型. 文件扩展名:.apk MIME类型:application/vnd.android.pack ...

  10. QTP 10 破解 之路

    1.下载QTP 10 安装包 2.破解软件(mgn-mqt82.exe)  (阿里云云主机里执行不了,一执行CPU就99%,也没有生成lservrc) 手动创建C:\Program Files (x8 ...