css---css属性（字体、文体、背景、尺寸）

最新推荐文章于 2023-07-18 22:57:39 发布

阿陈陈陈

最新推荐文章于 2023-07-18 22:57:39 发布

阅读量473

点赞数 1

分类专栏： css 笔记文章标签： css

本文链接：https://blog.csdn.net/weixin_46218101/article/details/120266495

版权

笔记同时被 2 个专栏收录

60 篇文章 1 订阅

订阅专栏

css

12 篇文章 0 订阅

订阅专栏

web前端入门笔记之css（3）

目录：
1、字体
2、文本
3、背景
4、尺寸

字体
Css字体属性定义文本的字体系列，大小，加粗，风格(如斜体)和变形(如小型大写字母)
常用属性:
font:简写属性，作用是把所有针对字体的属性设置在一个声明中。
font-size:定义字体的尺寸
font-style:定义字体风格
代码：

 <!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.a1{
			font-family: 黑体;font-size: 32px;nt-style: italic;
		}
        .a2{font: italic 32px 黑体;

        }/*注意a1和a2里面表达的方式不一样，但是呈现的结果是一样的*/

	</style>

</head>
<body>
<div class="a1">这是第一个div</div>
<div class="a2">这是第二个div </div>

</body>
</html>

效果截图：
在这里插入图片描述

文本
CSS 文本属性可定义文本的外观。通过文本属性，可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。
常用属性
color:定义文本颜色
text-align:定义文本对齐方式
letter-spacing:定义字符间隔
代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.a1{
			font-family: 黑体;font-size: 32px;font-style: italic;color: blue;text-align: center;letter-spacing: 5px;
		}
        .a2{font: italic 32px 黑体;

        }/*注意a1和a2里面表达的方式不一样，但是呈现的结果是一样的*/

	</style>

</head>
<body>
<div class="a1">这是第一个div</div>
<div class="a2">这是第二个div </div>

</body>
</html>

截图：
在这里插入图片描述

背景
CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。CSS 在这方面的能力远远在 HTML 之上。
常用属性:
background:简写属性，作用是将背景属性设置在一个声明中
background-color:定义背景颜色
background-image:定义背景图片
background-position:定义背景图片的起始位置（left,center,right）
background-repeat:定义背景图片是否及如何重复
在这里插入图片描述

尺寸
CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。
常用属性:
width:设置元素的宽度
height:设置元素的高度

阿陈陈陈

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
css---css属性（字体、文体、背景、尺寸）

web前端入门笔记之css（3）CSS属性字体Css字体属性定义文本的字体系列，大小，加粗，风格(如斜体)和变形(如小型大写字母)常用属性:font:简写属性，作用是把所有针对字体的属性设置在一个声明中。font-size:定义字体的尺寸font-style:定义字体风格代码： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>
复制链接

扫一扫

专栏目录