前端开发学习记录 - CSS字体

最新推荐文章于 2024-09-14 17:04:32 发布
最新推荐文章于 2024-09-14 17:04:32 发布
阅读量192 收藏
点赞数
分类专栏： 学习记录 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JoeyJaein/article/details/106762864
版权
这篇博客详细介绍了CSS中关于字体的属性，包括`font-size`、`font-family`、`font-style`、`font-weight`、`text-decoration`、`text-align`、`text-transform`、`text-indent`、`color`和`line-height`。通过实例展示了如何设置文本大小、字体、样式、颜色、对齐方式、行高等，并提到了复合写法`font`及其顺序规则。
摘要由CSDN通过智能技术生成

前端开发学习记录 - CSS字体

（记录自己的学习笔记，以备需要复习时使用）

CSS字体

font-size：设置文字大小。

举个栗子：

p {
   
	font-size: 20px;
}
p {
   
	font-size:100%
}

font-family：设置文字字体样式。

p {
   
	font-family: 微软雅黑, Ebrima, "MT Extra";
}

（备注：如果字体中间有空格，要用 “ ” 引起来。写入多个字体，当浏览器不支持第一字体时，会自动去适配第二、第三字体&

最低0.47元/天 解锁文章
W.Akirako
关注
专栏目录
前端学习-CSS字体族
Corgi_gg的博客
01-13 269
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /* 字体族 分类 font-family: ""; 可选值： */ /* 可以讲服务器中的字体发送给用户来使用 */ @font-face { ...
前端开发学习笔记-2-CSS基础内容01
Wsnbb007的博客
10-07 165
了解css的部分基础内容
web前端开发学习笔记-06-css选择器
qq_39030646的博客
12-16 196
原课程在这里：https://www.icourse163.org/learn/BJFU-1003382003?tid=1003609002#/learn/announce
前端学习之路-css笔记.docx
07-17
综上所述，CSS是前端开发中的基石，掌握其基本语法、选择器和字体属性只是入门，真正的高手还需要不断深入学习，理解盒模型、定位、响应式设计、动画和过渡等高级特性，以实现更复杂的网页布局和交互效果。
前端学习笔记-黑马程序员CSS
01-09
前端学习笔记-黑马程序员CSS CSS 是一种标记语言，主要用于美化页面，美化 HTML，让画面更美观。总结来说，HTML 主要做结构，显示元素内容，而 CSS 负责美化，让结构（HTML）与样式（CSS）相分离。 一、CSS 语法...
尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频尚品汇项目源码
03-06
【标题】中的“尚硅谷前端入门html+css零基础教程”指的是一个由...总的来说，这个教程为想要进入前端开发领域的学习者提供了一个全面且实用的学习路径，通过理论学习和实战演练，帮助他们建立起坚实的前端开发基础。
Web前端开发笔记-----7.css文字样式，css段落样式，css复合样式
m0_51546204的博客
02-04 364
Web前端开发笔记-----7.css文字样式，css段落样式，css复合样式 文章目录Web前端开发笔记-----7.css文字样式，css段落样式，css复合样式一、css文字样式1.字体类型2.字体样式font-size：字体大小font-weight：字体粗细font-style：字体样式color：字体颜色二、css段落样式text-decoration：文本装饰text-transform：文本大小写（针对英文段落）text-indent：文本缩进（首行缩进）line-height:定义行高le
CSS——弹性盒子布局（display: flex）
懒羊羊大王的博客
09-14 998
Flexbox或者是弹性布局，它的全称叫做弹性盒子布局，那么它到底该如何实现呢？从我们熟悉的 display 属性开始。给元素添加 display: flex，该元素变成了一个弹性容器（flex container），它的直接子元素变成了弹性子元素（flex item）。那么我们该如何具体地操作使用呢？下面我们来进行细致深入的学习。
基于less和scss 循环生成css
最新发布
k0933的博客
09-14 208
【代码】基于less 循环生成css。
css总结（记录一下...）
tzz_1122的博客
09-11 328
text-stroke-color:设置文字边界填充颜色。text-fill-color:设置文字内部填充颜色。text-stroke-width:设置文字边界宽度。ellipsis:显示省略符号来代表被修剪的文本。break-word:允许在单词内换行。normal:使用浏览器默认的换行。
css 个人喜欢的样式 速查笔记
waterHBO的博客
09-07 533
记录自己喜欢的， 觉得比较好看的 css.下次用的时候，直接复制，很方便。
CSS“多列布局”（补充）——WEB开发系列35
一条晒干的咸鱼的博客
09-10 658
多列布局是一种非常常见的布局方式，适用于内容丰富的页面，如新闻网站、杂志或博客。
CSS基本语法结构
nice66660的博客
09-10 1309
*某某[属性|=属性值] 选择到有a标签,且有属性title,且属性值只有1个是link的或者属性值有多个但是得是link-开头的变 *//*某某[属性~=属性值] 选择到的是a标签且有class属性,且属性值有完整的itme词的变 *//*某某[属性=属性值] 选择到有某某标签有指定属性且属性值必须一模一样的，多一个空格都不行 *//*某某[属性^=属性值] a标签有class属性且属性值是li开头的 *//*某某[属性$=属性值] a标签有class属性且属性值结尾是t的变 */
css鼠标移动过去变成手的图标
qq_38880880的博客
09-10 331
【代码】css鼠标移动过去变成手的图标。
CSS中 nth-child 与 nth-of-type 的区别
qq_62512874的博客
09-11 550
nth-child和都是强大的CSS选择器，能够帮助我们更加灵活地选择和样式化页面元素。nth-child选择的是所有子元素的顺序，而只考虑同类型元素的顺序。在实际开发中，根据具体的需求选择合适的伪类选择器，能够使你的CSS更加简洁和高效。通过合理使用这两个选择器，可以简化很多复杂的样式逻辑，尤其是在处理动态内容或复杂的HTML结构时非常有用。
前端：HTML、CSS、JS、Vue
云扬的博客
09-04 4701
本文主要介绍了HTML、CSS、JavaScript、Vue的基本语法和使用。供个人学习使用
CSS中如何实现鼠标悬停效果？
z16638522031的博客
09-14 331
在这个例子中，我们创建了一个名为.hover-effect的类，并在其中设置了默认的文本颜色（color: black;）和背景颜色（background-color: white;接着，我们使用:hover伪类为悬停时的文本颜色和背景颜色分别设置为白色和蓝色。当您将鼠标悬停在<div>元素上时，将看到这些颜色的变化。在选择器所匹配的元素上时应用指定的样式。在CSS中，您可以使用。来实现鼠标悬停效果。
Programming in the Large CSSE2002
w976j_的博客
09-14 740
••64。
前端开发学习笔记：CSS基础入门
"《页面制作》笔记（5.CSS-1）是网易微专业《前端开发工程师》课程的学习笔记，由西风潇潇编写的，主要介绍了CSS的基本概念、历史以及如何在HTML中引用CSS样式。笔记中提到了CSS用于定义HTML内容的显示样式，包括...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值