<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>练习字体的修饰</title>

    <style>

    #aa{

        color: blue;

        font-style: italic;/*控制字体的样式*/

                               /*normal  默认值。浏览器显示一个标准的字体样式。

                                  italic  浏览器会显示一个斜体的字体样式。

                                   oblique 浏览器会显示一个倾斜的字体样式。

                                   inherit 规定应该从父元素继承字体样式。*/

         font-variant: small-caps;/*控制文中字母的大小写*/

                                            /*normal  默认值。浏览器会显示一个标准的字体。

                                               small-caps  浏览器会显示小型大写字母的字体。

                                               inherit 规定应该从父元素继承 font-variant 属性的值。*/

        font-weight: bold;/*控制文本的粗细*/

                                 /* normal 默认值。定义标准的字符。

                                    bold  定义粗体字符。

                                    bolder  定义更粗的字符。

                                    lighter 定义更细的字符。*/

        font-size: 20px; /*控制字体的大小*/

        line-height: 40px;/*控制行高*/

                                 /*normal 默认。设置合理的行间距。

                                   number  设置数字，此数字会与当前的字体尺寸相乘来设置行间距。

                                   length  设置固定的行间距。

                                    % 基于当前字体尺寸的百分比行间距。

                                   inherit 规定应该从父元素继承 line-height 属性的值。*/

        font-family: 'simHei'; /*规定字体*/

           }

           #bb{

          font: italic small-caps bold 23px/45px  'simHei';

           }

    </style>

</head>

<body>

     <div id="aa"> 唔，今天下午打算和padding相伴等待中秋的月亮了，月兔你能送盒月饼给我咩

正题，刚刚无意间又看到了张鑫旭老师讲的关于padding的奇思妙想，学到了一些新的东西，来给大脑做个笔记。</div>

     <div id="bb">Myjdf jhfi fhakfj hfidshf fdshf fshfh efh  fhfh f hf.</div>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>练习字体设置</title>

  <style>

     #aa{

               font-family: '无衬线字体','微软雅黑','黑体',sans-serif;//sans-serif表示无衬线字体类

           }

     #bb{

                 font-family: 'New Times','新宋体',serif;//serif表示有衬线字体

            }

  </style>

</head>

<body>

   <div id="aa">离离原上草，一岁一枯荣。<br/>

                       野火烧不尽，春风吹又生。</div>

   <div id="bb">离离原上草，一岁一枯荣。<br/>

                       野火烧不尽，春风吹又生。</div>

</body>

</html>

对HTML中的文字的修饰的更多相关文章

  1. WPF中的文字修饰

    我们知道,文字的修饰包括:空心字.立体字.划线字.阴影字.加粗.倾斜等.这里只说划线字的修饰方式,按划线的位置,我们可将之分为:上划线.中划线.基线与下划线.如图: 从上至下,分别为上划线(Overl ...

  2. WPF编程，TextBlock中的文字修饰线（上划线，中划线，基线与下划线）的使用方法。

    原文:WPF编程,TextBlock中的文字修饰线(上划线,中划线,基线与下划线)的使用方法. 版权声明:我不生产代码,我只是代码的搬运工. https://blog.csdn.net/qq_4330 ...

  3. WPF中的文字修饰——上划线，中划线，基线与下划线

    原文:WPF中的文字修饰——上划线,中划线,基线与下划线 我们知道,文字的修饰包括:空心字.立体字.划线字.阴影字.加粗.倾斜等.这里只说划线字的修饰方式,按划线的位置,我们可将之分为:上划线.中划线 ...

  4. html5--6-23 CSS3中的文字与字体

    html5--6-23 CSS3中的文字与字体 text-overflow 设置是否使用一个省略标记(...)标示对象内文本的溢出 clip: 默认值当对象内文本溢出时不显示省略标记(...),而是将 ...

  5. html5--6-19 CSS3中的文字与字体

    html5--6-19 CSS3中的文字与字体 学习要点 掌握文字与字体的设置 颜色值查询方法: 百度查询,很多网站有提供 下载相关手册等需要时查表 运用绘图工具中的拾色器 CSS中常用的字体属性设置 ...

  6. iOS开发小技巧 - label中的文字添加点击事件

    Label中的文字添加点击事件 GitHub地址:https://github.com/lyb5834/YBAttributeTextTapAction 以前老师讲过类似的功能,自己懒得回头看了,找了 ...

  7. Cocos2d-x lua 游戏中的文字和标签

    游戏场景中的文字分为静态文字和动态文字,在图片中的文字为静态文字,不能通过程序访问,而且无法动态修改内容,但是表现力丰富.动态文字一般需要通过程序访问,需要动态修改内容可以通过标签(Label  or ...

  8. 实现password框中显示文字提示的方式

    其实实际上实现中并不能让password中显示文字提示,但是我们在工作中有这样的需求,当没输入东西的时候,框内有提示输入密码,但是当输入东西的时候又显示的是*号,那么是如何实现的呢?其实原理很简单,就 ...

  9. VC中实现文字竖排的简单方法

    好多人都觉得在VC中实现文字竖排是一件很难的事情,其实可以使用“躺”着的字体很方便的实现文字竖排. Windows中有一些字体是“躺”着的,例如:@Fixedsys.@System.@宋体.@黑体等等 ...

随机推荐

  1. 第三节 java 数组（循环遍历、获取数组的最值（最大值和最小值）、选择排序、冒泡排序、练习控制台输出大写的A）

    获取数组的最值(最大值和最小值) 思路: 1.获取最值需要进行比较,每一次比较都会有一个较大的值,因为该 值不确定,需要一个变量进行临储. 2.让数组中的每一个元素都和这个变量中的值进行比较,如果大于 ...

  2. linux,windows下日志文件查找关键词

    1.查找 /apps/tomcat/tomcat3/apache-tomcat-7.0.69/logs 目录下已.txt结尾的文件,在文件中搜索关键字 IfcmpEcrService并打印行号 /lo ...

  3. js重写trim()方法

    最近项目中出现去空格的需求,我本地是IE11,使用trim()函数的时候,是无法识别的.因此重写String的trim()方法. 1.要求 可以去除首位全角,半角空格. 2.对   能去除所有 Str ...

  4. 卷积神经网络-Dropout

    dropout 是神经网络用来防止过拟合的一种方法,很简单,但是很实用. 基本思想是以一定概率放弃被激活的神经元,使得模型更健壮,相当于放弃一些特征,这使得模型不过分依赖于某些特征,即使这些特征是真实 ...

  5. <Dr.Elephant><How to tune ur application>

    Why Dr.Elephant? Most of Hadoop optimization tools out there, but they are focused on simplifying th ...

  6. Oracle中sysdba身份和dba角色区别

    sysdba身份登陆可以打开,关闭数据库,创建SPFILE,对数据库进行恢复操作等,而这些是DBA角色无法实现的:sysdba 是系统权限,dba是用户对象权限: sysdba,是管理oracle实例 ...

  7. js第一天学习内容

    var a=12: var t=(- -a)-(a- -)+(a++)-(a++) console.log(a) t=-1: a=12: (- -a)=11-(a=11- -)=10+(a=10++) ...

  8. 【git学习笔记】

    一.查看git的配置文件 1.在项目下,有一个.git的隐藏文件 2.config为git的配置文件 3.查看config :branch表示分支,此配置文件表示当前有两个分支NNU和master,一 ...

  9. 安装Cygwin，，以及遇到的问题

    实验需要用到Cygwin,于是去下了一个,安装过程比较顺利,参考:http://blog.csdn.net/chunleixiahe/article/details/55666792 但是发现  ma ...

  10. html 网页代码大全，总结，使用

    )贴图:<img src="图片地址"> )加入连接:<a href="所要连接的相关地址">写上你想写的字</a> )贴图 ...