一、什么是CSS3

如何学习

SEO搜索引擎优化

定义：HTML文档中的分隔或者是部分，常用于组合块级元素，以便通过样式表来对元素进行格式化。

<div> 是一个块级元素，也就是说它的内容自动的开始一个新行，换行是它固有的特定格式表现，同时它也是一个双向标签。

它应用于样式表，有多种属性：Class、Style、title、ID等。

小实例：

在div中给定id或者是类选择器：

1. clamp()函数：流体布局神器

应用场景：苹果官网响应式字号、淘宝商品卡片宽度自适应。

【今日小知识】：div和span的作用及用法，希望可以帮到正在学习HTML的你噢~~~

div标签

掌握 place-items 属性，一行代码完美对齐

如何用单行 place-items CSS 代码完美居中任何元素（及原理）, 附步骤、代码、图示、技巧，涵盖 Grid 和 Flexbox 布局技术的设置方法。

你是否曾花费数小时反复调整 CSS 只为居中一个 div，最终却陷入 Flexbox 属性的混乱中？

水平居中方案：

水平居中设置

1、行内元素

设置 text-align:center

2、定宽块状元素

设置 左右 margin 值为 auto

3、不定宽块状元素

a:在元素外加入 table 标签（完整的，包括 table、tbody、tr、td），该元素写在 td 内，然后设置 margin 的值为 auto

b:给该元素设置 displa:inine 方法

作为Web开发人员，最常见的事情之一就是更改HTML元素的背景颜色。但是，如果您不了解如何使用CSS background-color属性，可能会产生混淆。在本文中，我们讨论以下几点

1.HTML元素的默认背景色值

2.如何更改div的背景颜色，这是非常常见的元素

3.该background-color属性会影响CSS盒子模型的哪些部分，以及

4.此属性可以采用的不同值。

元素的默认背景色

在网页设计中经常用到css来设计各种边框样式以及颜色等，有时候需要一个div只显示一个边框，那么你可能会用到下面的一些方法。

一、CSS border-width 属性

本文翻译自 How to Center a Div Using CSS Grid，作者：Fimber Elemuwa, Ralph Mason。 略有删改

我们每天都在网上摸鱼，作为前端开发人员，网站上微妙的细节变化通过比别人会更关注。我一直注意到的一件事是网站上的动画的流畅性。动画对于用户体验来说是非常好的，有时我们可以一些有趣的动画来留住用户。