CSS案例-1.字体样式练习

最新推荐文章于 2024-10-17 22:33:10 发布

买奶茶的小孩

最新推荐文章于 2024-10-17 22:33:10 发布

阅读量920

点赞数 18

分类专栏：前端文章标签：前端 html css

本文链接：https://blog.csdn.net/m0_46279684/article/details/136743993

版权

本文介绍了CSS中字体样式的应用，包括字体大小、Unicode字体、文字粗细、文字风格、文字缩进、文字装饰、行高以及字体综合写法。通过实例展示了如何设置图片对齐，并提供了相应的源码和所需资源。

摘要由CSDN通过智能技术生成

效果

知识点

字体大小font-size

相对长度单位	说明
em	相对于当前对象内文本的字体尺寸
px	像素，最常用，推荐使用
绝对长度单位	说明
in	英寸
cm	厘米
mm	毫米
pt	点

Unicode字体

字体名称	英文名称	Unicode编码
宋体	SimSun	\5B8B\4F53
新宋体	NSimSun	\65B0\5B8B\4F53

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

买奶茶的小孩

关注关注

18
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css---常用文本样式练习示例代码

qq_43766304的博客

03-04

557

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...

css文字样式练习

qq_61686950的博客

10-21

387

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...

参与评论您还未登录，请先登录后发表或查看评论

第四章 CSS样式基础习题

xs377905132的博客

10-02

568

1.使用HBuilder编写符合以下要求的文档：在浏览器窗口中显示超链接文字“WEL-COME”。其中上边div的背景颜色为#FF99CC，文字居中显示；水平分割线粗细为5，颜色为#FF99CC；超链接文字的字体为“arial black”，字号为60px，频色为#FFF，无下划线；2.使用HBuilder编写符合以下要求的文档：使用所给素材文件夹中的hwbanner.png和文字，完成效果如图4-11所示。根据网页效果，使用h1，h2，设置标题。“为客户创造价值”等语句，使用内联样式，加粗，加大。

js网页制作11

m0_62788719的博客

10-31

142

js网页制作11

CSS 文字样式第二节

菜鸟心声：学的不仅是技术，更是梦想！

11-12

528

文字样式文本颜色：color color 属性规定文本的颜色，该属性设置了一个元素的前景色（在HTML表现中，就是元素文本的颜色）。颜色通常有如下的表达方式，背景颜色 background-color 的用法与文本颜色 color 相同 color_name 规定颜色值为颜色名称的颜色(比如red) hex_number 规定颜色值为十六进制值的颜色(比如#000000) rgb_number 规定颜色值为rgb代码的颜色(比如rgb(255,0,0)) rgb

CSS文字样式

weixin_44340137的博客

10-21

222

1.初识CSS <!DOCTYPE HTML> <html> <head> <title>初识CSS</title> <meta charset="UTF-8"> <!--设置的是文本内容的大小 30px之间不能有空格否则无效设置字体之间的大小使用冒号而不是分好所有的符号都必须在英文的状态下进行输入而非中文--...

css实例1-12.zip

06-22

"css实例1-12.zip"这个压缩包文件很可能包含了12个不同的CSS应用案例，旨在帮助用户逐步理解并熟练运用CSS来设计网页。每个实例可能涵盖了基础到进阶的样式规则、布局技巧以及效果实现。下面我们将详细探讨这些常见...

CSS案例-4.padding导航栏练习

m0_46279684的博客

03-18

972

上边框下边框左边框右边框border-tophtml用户名：<input type="text" > <br>密码：<input type="text" >CSSinput {/* 复杂写法 */*//* 简单写法 */

「HTML+CSS」--自定义按钮样式【004】

08-06

CSS提供了多种属性，如颜色、边框、大小、字体等，让我们能精确地定制按钮的样式。例如，我们可以设置按钮的背景色、文字颜色、边框宽度和样式： ```css button { background-color: #4CAF50; /* 背景色 */ color...

Practice-web-lab.github.io

02-08

"Practice-web-lab.github.io" 是一个GitHub仓库的...以上是CSS的一些基础知识点，实践-web-lab.github.io-master这个项目可能包含了这些概念的实际应用案例，通过查看和分析项目源码，可以加深对CSS的理解和实践经验。

css中背景字体文体属性练习

weixin_30689307的博客

09-06

185

@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

179

css字体属性 css fonts(字体) 属性用于定义字体系列,大小,粗细,样式(如斜体) 1.字体系列 css用font-family属性来定义文本的字体系列. <html> <head>  <title> 练习</title> <style> h2{ font-family: '微软雅黑';

CSS基础知识3-文字样式

m0_57506941的博客

07-26

238

样式的继承在CSS中，祖先元素的样式，也会被它的后代元素所继承。利用继承我们可以将一些基本样式设置给祖先元素，这样后代元素就会自动继承这些样式，但是并不是所有的样式都可以被子元素继承，比如：背景相关的样式并不会被继承。我们可以通过参考手册的继承性判断该样式是否可以被继承。选择器的优先级当使用不同的选择器时，选中同一个元素并且设置同样的样式会产生冲突，最终到底是采用哪个选择器电仪的样式由选择器的优先级决定。优先级顺序：内联样式：优先级 1000 id选择器：优先级 ...

四、CSS样式基础的习题