第四周周记

最新推荐文章于 2023-11-12 09:27:54 发布

Michael681

最新推荐文章于 2023-11-12 09:27:54 发布

阅读量60

点赞数

本文链接：https://blog.csdn.net/Michael681/article/details/116267823

版权

第四周周记

前言
一、CSS文本格式
- 1、文本颜色
- 2、文本对齐、修饰、转换
二、一些其他功能
- 1、尺寸
- 2、布局——对齐

前言

本周学习了CSS的剩余主要内容

一、CSS文本格式

1、文本颜色

颜色属性被用来设置文字的颜色。
颜色是通过CSS最经常的指定：

比如：十六进制值、一个RGB值、颜色的名称

2、文本对齐、修饰、转换

以上内容过多，会以代码形式展现其功能

h1 {text-align:center;color:red}
p.date {text-align:right;color:#787878;text-decoration:underline;}
	p.note {text-align:right;color:#000000;text-transform:uppercase;}
p.main {text-align:justify;color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>CSS 一个实例</h1>
<p class="date">2021 年 4 月 29 号</p>
	<p class="note">that is light grey↑</p>
<p class="main">“呵呵呵呵，写什么都行”</p>

结果图
在这里插入图片描述

二、一些其他功能

1、尺寸

该功能可以设置元素的高度宽度行高，以及最大最小高度宽度，用途十分广泛。

2、布局——对齐

不同与上面的对齐，这里丰富了其功能，比如position可以改变文本是居中或左对齐等； width可以改变边框宽度，用像素或英文表示均可，其中边框可以使用border-style编辑边框类型，电线虚实单双均可，而且每一个边框都可以分别编辑； float也可用于此，当像这样对齐元素时，对 body 元素的外边距和内边距进行预定义是一个好主意。这样可以避免在不同的浏览器中出现可见的差异。我们可以在父元素上添加 overflow: auto; 来解决子元素溢出的问题

# 总结以上就是我本周学习的内容，在复习了上周的内容并结合本周学习的，做出了多样的内容