web(html运行）设置字体大小、样式及字体名称

阳光穿透心脏的1/2处 2023-01-17 03:29 215阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>CSS列表属性综合应用</title>
     <style type="text/css">
         h3{
         text-align: center;color: #3300ff;}
         hr{
         color: #660066;}
         #p1{
         font-size: 20px;font-style: normal;font-family: 宋体；}
         #p2{
         font-size: 200%;font-style: italic;font-family: 楷书，隶书；}
         #p3{
         font-size:x-small;font-style: oblique;font-family: 楷书，宋体；}
         #p4{
         font-size:xx-large;font-style: oblique;font-family: 黑体，隶书，楷体_gb2312;}
     </style>
    </head>
    <body>
    <h3>设置字体大小、样式及字体名称</h3>
    <hr>
    <p id="p1">字号大小20px、字体正常、宋体</p>
    <p id="p2">字号大小200%、字体斜体、隶书</p>
    <p id="p3">字号大小x-small、字体歪斜体、宋体</p>
    <p id="p4">字号大小xx-large\字体歪斜体、黑体</p>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3plbmdkYW5saQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3plbmdkYW5saQ_size_16_color_FFFFFF_t_70]: /images/20221022/a8c96dbe0ac44e87a9c761d393043df5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，215人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaweb：eclipse字体大小设置/编码设置

学习路径![在这里插入图片描述][973d2726547d440cae5a02e2ec128be6.png] 掌握技能： ![在这里插入图片描述][563f39e92a

秒速五厘米/ 2024年04月01日 17:54/ 0 赞/ 15 阅读

相关 web(html运行）设置字体大小、样式及字体名称

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

阳光穿透心脏的1/2处/ 2023年01月17日 03:29/ 0 赞/ 216 阅读

相关 EasyExcel 设置字体样式（字体、字体大小、字体颜色、字体加粗、字体斜体、字体下划线、字体上标下标、字体删除线）

1 Maven配置  <dependency> <groupId>cn.

Dear 丶/ 2022年10月16日 09:55/ 0 赞/ 174 阅读

相关 android textview字体大小设置

在实际工作中，经常会遇到要在代码中设置textview字体的大小，例如自定义组件中，设置字体的大小；比起直接在xml里面设置字体大小，在代码里面设置字体稍微复杂一些，因

不念不忘少年蓝@/ 2022年08月18日 00:49/ 0 赞/ 1128 阅读

相关 html/CSS 字体样式表 font-family：中文字体的英文名称

宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun

刺骨的言语ヽ痛彻心扉/ 2022年06月03日 07:48/ 0 赞/ 162 阅读

相关 webstorm字体设置大小

转自：https://blog.csdn.net/maomaoduoer/article/details/49273327 WebStorm是一个捷克公司开发的，功能虽然很强

末蓝、/ 2022年05月22日 00:05/ 0 赞/ 228 阅读

相关 Intellij IDEA 字体大小设置

场景由于种种原因，对种种，字体看着或大或小，需要我们调整整一下下，这样写代码也会更加的舒爽一些。设置方法 File——>Settings——>Editor——

た入场券/ 2022年05月17日 07:05/ 0 赞/ 227 阅读

相关 QComboBox设置字体样式

一、我们希望将系统的字体添加到下拉列表中，并且在工具栏中显示，效果如下图所示： ![70][] 二、单纯的用QComboBox是不能获取字体样式的，QComboBox仅仅是

Love The Way You Lie/ 2022年05月10日 05:14/ 0 赞/ 1123 阅读

相关 idea中的一些样式和字体大小的设置

1、toolbar的勾选：勾选前： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

本是古典何须时尚/ 2021年09月23日 00:36/ 0 赞/ 507 阅读

相关 eclipse字体大小设置教程(eclipse主窗口和控制台字体大小设置)

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台，有的朋友反馈Eclipse字体太小，很影响编写代码，那么eclipse字体大小在如何设置呢？Eclipse 字

小鱼儿/ 2021年07月26日 13:51/ 0 赞/ 663 阅读