正文

HTML&CSS基础-字体的样式

IP云V管理员/2022-11-30/2 阅读

11/30

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

HTML&CSS基础-字体的样式

作者：尹正杰

版权声明：原创作品，谢绝转载！否则将追究法律责任。

一. HTML源代码

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>字体的样式</title>

        <style>

            .hello{

                /**

                 *     设置字体颜色，使用color来设置文字的颜色

                 */

                color: red;

                /**

                 *     设置文字的大小，浏览器中一般默认的文字大小都是16px

                 *         font-size设置的并不是文字本身的大小

                 *         在页面中，每个文字都是处在一个看不见的框中的

                 *         我们设置的font-size实际上是设置格的高度，并不是字体的大小

                 *         一般情况下文字都要比这个格要小一些，也有时会比格大，根据字体的不同，显示效果也不同。

                 */

                font-size: 30px;

                /**

                 *     通过font-family可以指定文字的字体

                 *         当采用某种字体时，如果浏览器支持该字体则使用，如果浏览器对该字体不支持，则使用默认字体

                 *         该样式可以同时指定多个字体，多个字体之间使用，分开当采用多个字体时，浏览器会优先使用前边的字体，如果前面的字体没有，则尝试依次匹配下一个字体，若一个都匹配不上则使用默认字体。

                 *         浏览器使用的字体默认就是计算机中的字体，如果计算机中有则使用，若没有就不用。windows操作系统默认存放系统路径在:"C:\Windows\Fonts"

                 *         在开发中，如果字体太奇怪，用的太少了，尽量不要使用，有可能用户电脑没有(比如windos中的"curlz mt","微软雅黑"等字体,在linux操作系统不一样有哟~)，就不能达到想要的效果。

                 */

                font-family: "curlz mt","华文彩云","arial", "微软雅黑";

            }

        </style>

    </head>

    <body>

        <p class="hello">我是一个P标签,12345,上上打老虎,abcdefg</p>

    </body>

</html>

二. 浏览器打开以上代码渲染结果

HTML&CSS基础-字体的样式的更多相关文章

HTML&CSS基础-内联样式和内部样式表
HTML&CSS基础-内联样式和内部样式表作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.CSS(Cascading Style Sheets)简介层叠样式表(Cas ...

css基础—字体那些事
css基础-字体那些事 1. 首先讲字的大小样式等字体大小 font-size: 40px; 文字字体 font-family: "宋体",Arial; 文字样式 font-st ...

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

CSS font-size字体大小样式属性
设置字体大小CSS单词与语法基本语法结构: .divcss5{font-size:12px;}设置了文字大小为12px像素Font-size+字体大小数值+单位单词:font-size语法:fon ...

CSS基础-字体
字体变化设置改变字体颜色 color 改变字体大小 font-size 改变字体粗细 font-weight 改变字体样式 font-family 改变字间距 letter-spacing 改变字体 ...

Python 45 长度及颜色单位、字体样式、文本样式、背景样式、css基础选择器
一:长度及颜色单位长度单位 px(像素) in(英寸) pt(点),一个标准的长度单位,1pt = 1/72in mm(毫米) cm ...

WEB前端开发CSS基础样式全面总结
Web前端开发css基础样式全面总结颜色和单位的使用颜色用颜色的名字表示颜色,比如:red 用16进制表示演示比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-2 ...

CSS3基础(2)—— 文字与字体相关样式、盒子类型、背景与边框相关样式、变形处理、动画功能
一. CSS3 文字与字体相关样式 1. 给文字添加阴影 text-shadow: length length length ccolor; 属性适用于文本阴影,指定了水平阴影,垂直阴影,模糊的距离, ...

CSS基础选择器(选择器的优先级)，CSS样式块( 长度/颜色/显示方式/文本样式),盒模型组成，盒模型-block，盒模型布局
CSS基础选择器 (1)id选择器: # => 标签拥有 id="user" 属性 <style> #user { width: 200px; ...

随机推荐

[译]使用to_dict将pandas.DataFrame转换为Python中的字典列表
pandas.DataFrame.to_json返回的是JSON字符串,不是字典. 可以使用to_dict进行字典转换. 使用orient指定方向. >>> df col1 col2 ...

Excel统计发票和金税盘核对新版
之前的博文:如何使用Excel表格状态栏动态查看统计,介绍了如何利用excel一拉就可以进行统计,和金税盘的月度统计统计.由于最近年月日显示成方框,所以作废了发票和对冲了上月的一张发票,导致这个月出现 ...

[LeetCode] 218. The Skyline Problem 天际线问题
A city's skyline is the outer contour of the silhouette formed by all the buildings in that city whe ...

[LeetCode] 815. Bus Routes 公交路线
We have a list of bus routes. Each routes[i] is a bus route that the i-th bus repeats forever. For e ...

Shell中要如何调用别的shell脚本，或别的脚本中的变量，函数
在Shell中要如何调用别的shell脚本,或别的脚本中的变量,函数呢? 方法一: . ./subscript.sh 方法二: source ./subscript.sh 注意: 1.两个点之 ...

C#易失域、锁的分享，多线程
C#多线程.易失域.锁的分享一.多线程 windows系统是一个多线程的操作系统.一个程序至少有一个进程,一个进程至少有一个线程.进程是线程的容器,一个C#客户端程序开始于一个单独的线程,CLR(公 ...

[转帖]关于一个 websocket 多节点分布式问题的头条前端面试题
关于一个 websocket 多节点分布式问题的头条前端面试题 https://juejin.im/post/5dcb5372518825352f524614 你来说说 websocket 有什么用? ...

Java连接数据库——最基础的方式
JAVAWEB实现增删查改(图书信息管理)之Util类 Util.java ↓ package BookSystem.Other; import java.sql.*; import java.ut ...

关于st表
#include<cstdio> #include<iostream> #include<cmath> #include<cctype> #includ ...

Delphi 将视频 Base64 字符串转换为视频二进制文件
var Bytes: TBytes; Stream: TBytesStream; begin with System.NetEncoding.TBase64Encoding.Create do try ...

相关阅读

目录[+]