花&败

flex（弹性盒、伸缩盒）cssflex。

less是一门css的预处理语言。

变形就是指通过css来改变元素的形状或位置变形不会影响到页面的布局transform用来设置元素的变形效果。

动画和过渡类似，都是可以实现一些动态的效果，不同的是。：过渡效果的延迟，等待一段时间后在执行过渡。：可以同时设置过渡相关的所有属性。默认值，慢速开始，先加速后减速。，关键帧设置了动画执行每一个步骤。设置动画效果，必须先要设置一个。：指定过渡效果的持续时间。：指定要执行过渡的属性。

同样在网页中我们也需要使用表格，我们通过table标签来创建一个表格在table中使用tr表示表格中的一行，有几个tr就有几行在tr中使用td表示一个单元格，有几个td就有几个单元格rowspancolspan。

repeatrepeat-xrepeat-yno-repeattopleftrightbottomcentercenterborder-boxborder-boxautocovercontainscrollfixed可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色背景相关的简写属性，所有背景相关的样式都可以通过该样式来设置并且该样式没有顺序要求，也没有哪个属性是必须写的orginclip。

在网页中经常需要使用一些图标，可以通过图片来引入图标但是图片大小本身比较大，并且非常的不灵活，所以在使用图标时，我们还可以将图标直接设置为字体，然后通过@font-face的形式来对字体进行引入，这样我们就可以通过使用字体的形式来使用图标。

按照我们之前所学知识，可以怎么实现呢？应该来说不难，很容易实现我们分别给box2和box3添加了外边距之后，就可以达到需求效果当然也可以使用浮动来解决上述问题，但稍微麻烦一点不管怎样，问题也是显而易见。我们实际开发中，页面上的元素可能很多，这样改必然是 牵一发而动全身那么仅仅靠我们之前学习的布局知识，不足以轻松应对这种场景那么就势必需要一个方便我们处理这种场景的办法，它就是定位。

A：我们知道，网页的结构思想是：结构+表现+行为。在box2下直接定义一个box3，属于结构；而使用伪元素选择器，属于表现而高度塌陷问题属于表现问题，定义box3的目的是为了撑起box1的内容，属于表现，而不是结构，所以在css中定义。

通过浮动可以使一个元素向其父元素的左侧或右侧移动使用float属性来设置于元素的浮动noneleftright注意。

用来设置盒子尺寸的计算方式（设置width和height的作用）原理很简单，就是绘制正方形，并将四个圆角半径设置为正方形的一半。默认情况下，盒子可见框的大小由内容区、内边距和边框共同决定。你可以设置一个半径来做圆角，或者设置两个半径来做椭圆角。轮廓和边框不同点是，轮廓不会影响到可见框的大小。用来设置元素的阴影效果，阴影不会影响页面布局。用来设置圆角，圆角设置的是圆的半径大小。指的是内容区、内边距和边框的总大小。属性使一个元素的外边框边缘的角变圆。用来设置元素的轮廓线，用法和。可以分别指定四个角的圆角。

兄弟元素之间的外边距的重叠，对于开发是有利的，所以我们不需要进行处理。

像素是指由图像的小方格组成的，这些小方块都有一个明确的位置和被分配的色彩数值，小方格颜色和位置就决定该图像所呈现出来的样子。可以将像素视为整个图像中不可分割的单位或者是元素。不可分割的意思是它不能够再切割成更小单位抑或是元素，它是以一个单一颜色的小格存在 [1]。每一个点阵图像包含了一定量的像素，这些像素决定图像在屏幕上所呈现的大小。

问题：使用内联样式，样式只能对一个标签生效。并且当样式发生变化时，我们必须要一个一个的修改，非常的不方便。标签里然后通过css的选择器来选中元素并为其设置各种样式可以同时为多个标签设置样式，并且修改时只需要修改一处即可。问题：我们的内部样式表只能对一个网页起作用，它里边的样式不能跨页面进行复用。这几个伪类的功能和上述的类似，不同点是他们是在同类型元素中进行排序的。可以将css样式编写到一个外部的CSS文件中，然后通过。声明块由一个一个的声明组成，声明是一个名值对结构。是一个标签的属性，它和。

Web前端HTML5之字符实体与语义标签