CSS学习第7天——字体属性（2）

最新推荐文章于 2024-09-14 17:04:32 发布
最新推荐文章于 2024-09-14 17:04:32 发布
阅读量125 收藏
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65051363/article/details/126092035
版权

1.设置字体粗细

font-weight属性

 

可以用bold来定义粗体字体属性，bolder定义更粗的字体，lighter定义更细的字体

还可以用100-900来定义，定义由细到粗

2.字体样式

font-style

如设置斜体、倾斜或正常字体，其可用属性值如下：
normal：默认值，浏览器会显示标准的字体样式。
italic：浏览器会显示斜体的字体样式。

斜体：

 

.

换成normal后又正常，不倾斜了

 

 

 

3.设置字体

font-family

 

 

m0_65051363
关注
CSS案例-1.字体样式练习
m0_46279684的博客
03-15 884
选择器 { font：font-style font-weight font-size/line-height font-family；注意：单独的图片标签不能直接对其，要设置一个父标签，给父标签设置对齐。400等于normal，而700等同于bold，没有单位。默认值，浏览器会显示标准的字体样式。单位设置成em，一个em是一个字符。相对于当前对象内文本的字体尺寸。line-height控制行高。不设置任何划线效果，是默认值。浏览器会显示斜体的字体样式。设置文字有没有下划线之类的。像素，最常用，推荐使用。
CSS第七天学习总结—— 字体图标
weixin_52819925的博客
07-31 483
字体图标 字体图标使用场景： 主要用于显示网页中通用、常用的一些小图标。 精灵图的缺点： 1.图片文件还是比较大的。 2.图片本身放大和缩小会失真。 3.一旦图片制作完毕想要更换非常复杂。 此时，有一种技术的出现很好的解决了以上问题，就是字体图标 iconfont。 字体图标可以为前端工程师提供一种方便高效的图标使用方式，展示的是图标，本质属于字体。 字体图标的优点 轻量级：一个图标字体要比一系列的图像要小。一旦字体加载了，图标就会马上渲染出来，减少了服务器请求 灵活性：本质其实是文字，可以很随意的改变
css中背景 字体 文体属性练习
weixin_30689307的博客
09-06 171
@charset "utf-8"; body{ background-color:#332244;/*//背景颜色*/ background-image:("../kk.jpg");/*//背景图片*/ backgroud-repeat:no-repeat;/*//不平铺*/ background-position:center;/*居中*/ background-att...
css字体属性
weixin_45793329的博客
07-13 166
css字体属性 css fonts(字体) 属性用于定义字体系列,大小,粗细,样式(如斜体) 1.字体系列 css用font-family属性来定义文本的字体系列. <html> <head> <!--！+tab键生成基本格式 只写针对知识点的写法--> <title> 练习</title> <style> h2{ font-family: '微软雅黑';
学习记录 --【零基础CSS学习】12.字体属性
m0_37612107的博客
07-05 137
字体属性：包括字体大小、字体样式、字体颜色、字体粗细、字体样式重置
前端期末考试试题及参考答案(02)
谷哥的小弟
12-30 3246
HTML中，定义了6级标题，分别为h1、h2、h3、h4、h5、h6，每级标题的字体大小依次递减，1级标题字号最大，6级标题字号最小。
【攻破css系列——第二天】字体属性和文字属性
命运的左轮的博客
10-31 1198
了解css字体属性和文字属性的使用。
第七课——CSS选择器修改文字样式和字体属性
weixin_62660777的博客
11-20 258
p {font-family: "微软雅黑";div {font-family: Arial,"Microsoft Yahei", "微软雅黑"；各个字体间用英文逗号隔开，输入多个字体时系统按顺序查找字体，找不到时查找下一个。微软雅黑最好用英文写Microsoft Yahei 像两个词拼接的多用引号引出2CSS使用ront-size定义字体大小p {px是网页最常用的单位，可以给body指定整个页面的文字大小，标题标签需要单独设置不要采用浏览器默认字体，自己手动改一个最合适字体大小。
学习HTML与CSS的第七天————行高
不爱学习的大头
03-16 199
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>字体其他样式样式</title> <style type="text/css"> /* 在CSS中并没有为我们提供一...
Educoder：CSS从入门到精通——文本与字体样式
QingNiaoJun的博客
04-06 3003
目录：第1关：字体颜色、类型与大小第2关：字体粗细与风格第3关：文本装饰与文本布局 第1关：字体颜色、类型与大小 本关任务 本关任务是使用CSS字体属性设置页面字体。任务完成之后，页面效果如下： 参考答案 body { /*背景渐变*/ background: -webkit-linear-gradient(left, #7ECABA, #E2FCCB); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right
7、前端开发：CSS知识总结——字体样式
ydc222的博客
09-10 564
字体样式
HTML 前端学习（4）—— CSS 属性相关
ShiJieDeYinYu的博客
04-20 1123
HTML 前端学习（4）—— CSS 属性相关设置长宽块级标签设置长宽行内标签设置长宽代码演示 设置长宽 块级标签设置长宽 ''' 块级标签的宽度默认占浏览器一整行，默认情况下，块级标签的高度由标签内容决定，但可以利用 CSS 样式调整块级标签的高度和宽度 ''' <head> <style> .d1 { background: red; } .d2 {
[HTML]入门教程——CSS样式属性
hnspystqxskzlqc的博客
03-22 2165
一、字体样式 字体大小：font-size：px/em 字体粗细：font-weight：100-900 lighter/bold/bolder 字体风格：font-style： normal:正常，默认 Italic是使用文字本身的斜体属性 Oblique是让没有斜体属性的文...
Web前端开发技术，CSS字体属性介绍，提升前端小白能力
jinmu520的博客
05-13 397
1、使用CSS属性指定和改变字体外观，常见的属性有： font-style: italic; 定义字体的风格 font-weight: bold; 定义字体粗细 font-size: 20px; 定义字体大小 line-height: 30px; 定义一段文字的行高 还可以使用简写形式，把所有属性值放到font属性中，如： p { font: italic bold 20px/30px 微软黑体; } 2、Font-family 属性可以设置文字字体样式，比如常用的中文字体有：微软雅黑，黑体，宋体等
CSS——弹性盒子布局（display: flex）
懒羊羊大王的博客
09-14 988
Flexbox或者是弹性布局，它的全称叫做弹性盒子布局，那么它到底该如何实现呢？从我们熟悉的 display 属性开始。给元素添加 display: flex，该元素变成了一个弹性容器（flex container），它的直接子元素变成了弹性子元素（flex item）。那么我们该如何具体地操作使用呢？下面我们来进行细致深入的学习。
基于less和scss 循环生成css
最新发布
k0933的博客
09-14 196
【代码】基于less 循环生成css。
js的书写位置和css的书写位置的区别？为什么要这样写？
QQ1257871322的博客
09-10 443
这种分离方式有助于优化加载速度和页面渲染性能，使得 HTML、CSS 和 JavaScript 各司其职，各自处理不同的任务。JavaScript 用于添加页面的动态行为和交互。标签之前），以确保在执行脚本时页面的 DOM 元素已经加载完毕，从而避免脚本执行时无法找到需要操作的元素。CSS 主要用于控制页面的视觉样式和布局，通常在 HTML 文件的。部分引入，以确保在页面渲染时样式已经加载完毕，从而避免样式闪烁。标签中，或者在外部样式表文件中（标签中，或者在外部脚本文件中（
css 个人喜欢的样式 速查笔记
waterHBO的博客
09-07 531
记录自己喜欢的， 觉得比较好看的 css.下次用的时候，直接复制，很方便。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值