ImmortalSYM的博客

CSS温习回顾CSS-Flex弹性盒简介弹性盒也可以称为伸缩盒，是CSS中一种布局手段，它可以代替浮动来完成页面的布局；flex在移动端兼容性强，但是PC端兼容性可能较差，一般能用flex，尽量不要用浮动；弹性盒使得元素具有弹性，让元素可以随着页面的大小改变而改变，可以避免浮动带来的影响；弹性盒必须包含弹性容器和弹性元素；设置弹性盒后，行内元素也可以设置宽高；弹性容器：要使用弹性盒，必须将一个元素设置为弹性容器，可以通过display设置弹性容器；​ —display:flex;：

CSS温习回顾CSS-Animation过渡效果—通过过渡可以指定一个或者多个属性发生变化时的切换方式；—通过过渡，可以创建一些非常好的效果，提升用户体验；transition-property指定要执行过渡的属性—多个属性需要逗号隔开，如果所有属性都要过渡，可以写作all；—大部分属性都支持过渡效果，只要是可以计算的有效值；—注意：过渡时，必须从一个有效值向另一个有效值过渡，不能从auto进行过渡；例如：transition-property:width,heighttran

CSS温习回顾CSS背景background-image设置背景图片—语法：background-image:url("背景图片路径")—可以同时设定背景颜色background-color和背景图片，背景颜色将会成为图片的背景色；—如果背景图片大小小于元素，则背景图片会自动在元素中平铺，将元素铺满；—如果背景图片大小大于元素，将会有一部分背景无法完全显示；—如果背景图片大小和元素一样大，则会直接正常显示；background-repeat设置背景的重复方式—可选值​ —repe

CSS温习回顾CSS字体字体族字体的相关样式​ —color：用来设置字体颜色（严格意义上，color是设置前景颜色）；​ —font-size：用来设置字体的大小；​ —font-family：字体族（字体的格式）​ —语法：font-family:'微软雅黑';​ —可选值（表示字体分类）​ serif： 表示衬线字体；​ sans-serif： 表示非衬线字体；​ monospace： 表示等宽字体

CSS温习回顾CSS定位定位简介—定位是一种比较高级的布局，一般大布局用float浮动，细节精修用position定位；—通过定位可以将一个元素摆放到页面的任意位置；—使用position属性设置定位；​ —可选值​ static： 默认值，元素静止，没有开启定位；​ relative ：开启元素的相对定位；​ absolute ：开启元素的绝对定位；​ fixed ：开启元素的固定

CSS温习回顾CSS浮动浮动简介浮动主要作用是让页面中的元素可以水平排列，通过浮动可以进行水平方向布局；—通过浮动可以使一个元素向其父元素的左侧或者右侧移动，使用 float 属性设置子元素的浮动；—可选值​ —none： 默认值，元素不浮动；​ —left： 元素向左浮动；​ —right： 元素向右浮动；—注意元素设置浮动后，水平布局的等式就不需要强制成立；—元素设置浮动以后，会完全从文档流中脱离，不在占用文档流的位置，所以其下边的元素（

CSS温习回顾CSS布局样式文档流（Normal Flow）—网页是多层结构，用户只能看到最上层结构；—通过CSS为每一层设置样式；—文档流为最底层结构，即网页的基础；—我们所创建的元素默认在文档流中进行排列；—对于元素有两种状态：在文档流中；脱离文档流；元素在文档流中的特点：—块元素​ —块元素在文档流中独占一行；​ —块元素自上向下垂直排列；​ —默认宽度是父元素的宽度（把父元素撑满）；​ —默认高度是子元素（内容）高度；—行内元素​ —行内元素在文

CSS温习回顾CSS基础知识CSS-层叠样式表：网页实际上是一个多层结构，通过CSS分别为每一层设置样式，最终我们所看到只有最上层的结构；使用CSS修改元素样式有三种方式：第一种：内联样式（行内样式）—在标签内部通过style属性设置元素的样式；—CSS样式名字和样式值用冒号连接；—可以同时设置多个样式，color、font-sizde等，用分号隔开；—内联样式只能对一个标签生效；（开发不方便）—例如：<p style="color=red; font-size:12px;