网站首页 > 知识剖析 正文
文本样式
h1 {
color: blue;
}
- 回顾上一节的内容,我们让h1标题的文字变成了蓝色,注意如果html中有多个h1标签,那我们这种写法所有的h1标签都会变成蓝色,除了颜色,本节我们将学习更多的CSS属性
文字大小font-size
h1 {
color: blue;
font-size:26px;
}
- 上述将h1的文字大小设置成26像素。
设置字体:font-family
h1 {
color: blue;
font-size: 26px;
font-family: sans-serif;
}
- 上述将h1的字体设置成无衬线字体
字体转换:text-transform
h1 {
color: blue;
font-size: 26px;
font-family: sans-serif;
text-transform: uppercase;
}
- 上述将h1的字母全部转换为大写
文本样式:font-style
h1 {
color: blue;
font-size: 26px;
font-family: sans-serif;
text-transform: uppercase;
font-style: italic;
}
- 上述将h1的内容全部变为斜体
设置段落的行高:line-height
p {
font-size: 22px;
font-family: sans-serif;
line-height: 1.5;
}
- 上述将h1的行高设置成文字大小的1.5倍
设置文字对齐方式:text-align
h4 {
text-align: center;
}
- 上述将h4内容居中显示
- 上一篇: 十大CSS代码编辑器
- 下一篇: PC网站建设免费教程:从入门到精通
猜你喜欢
- 2025-04-26 方舟像素字体ArkPixelFont——开源的泛中日韩像素字体
- 2025-04-26 菜鸟级的Obsidian样式调整
- 2025-04-26 网页设计得懂css的规范
- 2025-04-26 PC网站建设免费教程:从入门到精通
- 2025-04-26 十大CSS代码编辑器
- 2025-04-26 10款Web程序员必备的CSS工具
- 2025-04-26 vue项目引入字体文件过大和动态加载文本,字体不生效问题
- 2025-04-26 前端开发,在项目中常用的css样式整理
- 2025-04-26 什么是CSS?
- 2025-04-26 2025 年 CSS 终于要支持强大的自定义函数了?
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)