qq_44741577的博客

在一个声明中设置所有以下属性的简写： grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, 和 grid-auto-flow。：将grid-template-rows设置为指定的值。grid-column-start / grid-row-start 是网格项开始的网格线，grid-column-end / grid-row-end 是网格项结束的网格线。

是一个缩写属性，用于同时设置。如果使用了百分比，则。，如果需要分开设置，用于单独设置行间隙，参考父元素的高度，则。

font-face属性可以让我们自定义网站字体属性，然后引用到想要应用该字体的元素上。

filters是CSS3里新增的一种神奇的功能，一般我们提及滤镜，就会想到使用PhotoShop制作的图片，但是使用CSS滤镜不需要任何作图软件，仅使用CSS就会生成多种的滤镜效果，例如模糊效果、透明效果、色彩反差调整等等；同时，CSS滤镜不仅可以对图片进行滤镜处理，还可以对网页元素甚至视频进行滤镜处理。CSS 中实现滤镜效果需要通过 filter 属性并配合一些函数来实现。

CSS 的全称为：层叠样式表 ( Cascading Style Sheets )。CSS 也是一种标记语言，用于给 HTML 结构设置样式，例如：文字大小、颜色、元素宽高等等。简单理解： CSS 可以美化 HTML , 让 HTML 更漂亮。核心思想： HTML 搭建结构， CSS 添加样式，实现了：结构与样式的分离。CSS找到要添加样式的元素。设置具体的样式（声明块是由一个或多个声明组成的），声明的格式为： 属性名: 属性值;最后一个声明后的分号理论上能省略，但最好还是写上。

CSS选择器整体分为两类

由于字体设计原因，文字最终呈现的大小，并不一定与 font-size 的值一致，可能大，也可能小。例如： font-size 设为 40px ，最终呈现的文字，可能比 40px 大，也可能比 40px小。每一位数字的取值范围是： 0 ~ f ，即：（ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c,HSL 是通过：色相、饱和度、亮度，来表示一个颜色的，格式为： hsl(色相,饱和度,亮度)我们的电脑屏幕是，是由一个一个“小点”组成的，每个“小点”，就是一个像素（px）。

主体结构标签：排版标签：表格相关标签：<table><tbody><thead><tfoot><tr><caption><form>与<option>

第一个子元素的。

在最初，浮动是用来实现文字环绕图片效果的，现在浮动是主流的页面布局方式之一。

— 对于 PC 浏览器来说，视口就是我们看网页的那扇“窗户”。

这往往超出了Reset所能做到的范畴。关于这一点，Normalize.css修复的问题包含了HTML5元素的显示设置、预格式化文字的font-size问题、在IE9中SVG的溢出、许多出现在各浏览器和操作系统中的与表单相关的bug。在早期，元素默认样式，能够让我们快速的绘制网页，但如今网页的设计越来越复杂，内容越来越多，而且很精细，这些默认样式会给我们绘制页面带来麻烦；在Normalize.css中就不会有这样的问题，因为在我们的准则中对多选择器的使用时非常谨慎的，我们仅会有目的地对目标元素设置样式。

如下代码中的 -webkit- 就是私有前缀

文章目录一、什么是BFC二、开启了BFC能解决什么问题三、如何开启BFC一、什么是BFCW3C 上对 BFC 的定义：原文：Floats, absolutely positioned elements, block containers (such as inline-blocks, tablecells, and table-captions) that are not block boxes, and block boxes with ‘overflow’ other than ‘visi

CSS3 是 CSS2 的升级版本，它在 CSS2 的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。

2009 年， W3C 提出了一种新的盒子模型 —— Flexible Box （伸缩盒模型，又称：弹性盒子）。它可以轻松的控制：元素分布方式、元素对齐方式、元素视觉顺序 …截止目前，除了在部分 IE 浏览器不支持，其他浏览器均已全部支持。伸缩盒模型的出现，逐渐演变出了一套新的布局方案 —— flex 布局。传统布局是指：基于传统盒状模型，主要靠： display 属性 + position 属性 + float属性。

实现响应式布局用的。

如果不设置其中的某个值，也不会出问题，比如也是允许的。通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

前提：二维坐标系如下图所示。

过渡可以在不使用 Flash 动画，不使用 JavaScript 的情况下，让元素从一种样式，平滑过渡为另一种样式。

一段动画，就是一段时间内连续播放 n 个画面。每一张画面，我们管它叫做“帧”。一定时间内连续快速播放若干个帧，就成了人眼中所看到的动画。同样时间内，播放的帧数越多，画面看起来越流畅。关键帧指的是，在构成一段动画的若干帧中，起到决定性作用的 2-3 帧。