CSS设置字体样式:

1.字体大小设置
字体大小设置,常见的有四种不同的方法:
body{
font-size:14px;
}
h1{
font-size:150%;
}
h2{
font-size:1.2em;
}
h3{
font-size:small;
}

body中的大小设置14px,表示字体的高度是14个像素;

h1中的大小设置百分比,是表示相对大小,相对于body的150%倍;
h2中的大小设置em,是表示相对大小,想对于body的1.2倍大小;
h3中的大小直接是关键字。常用的有small,medium,large;
2.字体设置
字体设置需要用到font-family设置:
body{
font-family:Verdana,Genva,Arial,sans-serif;
}
3.字体粗细
字体粗细设置需要用到属性font-weight设置:
body{
font-weight:bold;
}

bold表示粗体,还有normal、bolder,lighter。也可以用数值表示。

4.字体样式
字体样式用font-style属性设置:
body{
font-style:italic;
}
h1{
font-style:oblique;
}

均是使字体产生倾斜效果。

CSS中设置字体样式相关推荐

  1. CSS中设置字体样式的5种常用属性—让字体设置再无难点

    设置字体样式的5中常用属性如下 1:color 设置字体颜色,也可以设置其他颜色 2:font-size 设置字体大小 (1).设置的并不是文字本身的大小,在页面中,每个文字都是处在一个看不见的框中的 ...

  2. html怎么设置字体于字体的间隔,如何在css中设置字体间隔

    如何在css中设置字体间隔 发布时间:2021-05-15 15:39:05 来源:亿速云 阅读:81 作者:Leah 如何在css中设置字体间隔?针对这个问题,这篇文章详细介绍了相对应的分析和解答, ...

  3. html中设置字体字型,html中 如何在font中设置字体样式(粗体斜体等)

    html> 字体加粗 用<b>加粗字体:加粗 用<strong>加粗字体:加粗 用CSS font-weight 加粗 normal(400), bold(700)    ...

  4. java中如何设置字体样式_如何在JAVA中设置字体样式和大小?

    我是新来的Java和无法弄清楚如何格式化我的代码是这样的: 字体"宋体"字体大小"9"大胆如何在JAVA中设置字体样式和大小? 我想整个段落的格式化文本.我真的 ...

  5. div怎么在css中设置字体大小,div字体大小设置 css设置div中字体大小尺寸样式

    div字体大小设置 css设置div中字体大小尺寸样式设置篇 在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...

  6. HTML列表的简单使用以及在我们网页编程中的单位你了解多少??CSS中的字体样式你又了解多少,进来康康!!HTML、CSS(三)

    文章目录 列表 无序列表 有序列表 列表嵌套 定义列表 单位 长度单位 像素 px 百分比 em 颜色单位 颜色名为单位 RGB值 字体样式 字体分类 衬线字体 非衬线字体(无衬线字体) 字体的其他样 ...

  7. 【黑科技】在alv中设置字体样式

    使用Function Module:REUSE_ALV_GRID_DISPLAY_LVC ,设置alv中字体样式 程序代码: * Include for all style values INCLUD ...

  8. php超链接样式,html和css中设置超链接样式方法的总结

    在之前的文章中我们介绍了关于html中超链接的颜色设置,我们都也知道超链接在网站中都是无处不在的,超链接是跳转到另一个页面的入口,当你把鼠标移动到超链接上,会有颜色或者样式的改变,那么我们今天就给大家 ...

  9. div怎么在css中设置字体大小,css如何设置div字体大小

    css设置div字体大小的方法是,给div字体添加font-size属性,并且设置合适的字体大小即可,例如[div {font-size:200%;}]. 本文操作环境:windows10系统.css ...

最新文章

  1. 奇异值分解与最小二乘问题 线性回归
  2. 计算机组成原理-第二章 数据表示与运算
  3. 使用Spring Security3的四种方法概述
  4. PHP如何添加变量 $_SERVER
  5. 【bzoj3994】[SDOI2015]约数个数和 莫比乌斯反演
  6. 1320A. Journey Planning
  7. 【OpenCV】OpenCV函数精讲之 -- namedWindow()函数
  8. 2017-10-22—发光二极管
  9. [serial]基于select/poll/epoll的串口操作
  10. C++ 訪问控制权限图解
  11. Scott Mitchell 的ASP.NET 2.0数据教程之十五:在GridView的页脚中显示统计信息
  12. msdev.exe 应用程序错误
  13. JavaScript中的表单验证
  14. 使用iRedMail 搭建邮件服务器
  15. 二端口输入阻抗和输出阻抗
  16. 34day 新浪微博(首页)
  17. 今天看到标题 《 章子怡低胸礼服亮相(组图)》
  18. 双目视觉三维重建框架
  19. NameNode和DataNode中重要的数据结构解析
  20. python 截取视频片段

热门文章

  1. matlab实现图片锐化处理
  2. softmaxsigmoid
  3. Unity中的静态合批、动态合批、GPU Instance 以及SRP Batching
  4. 判断两个整数是否互质
  5. leetcode-Database-577|员工奖金
  6. 百度权重怎么查询?哪里可以查询百度权重?
  7. 启动tomcat报错:StandardEngine[Catalina].StandardHost[localhost].StandardContext
  8. 软考高级-信息系统管理师之项目管理基础(最新版)
  9. Linux查找目录或文件
  10. jdk-8u181-windows-x64(JDK1.8)安装包