客户端知识总结

Posted 2020-12-11 heleiya

首先html是网页的结构，主题部分，css是网页的渲染部分。我们应当把css单独写一个文件，然后用link标签引入，这样的好处是，便于后面的修改和复用。

常见的标签有：1header2nav3article4section5aside6footer7div8span9h1到h610p1input12ul13a14img（重要的标签）

css属性：一、1、文本类2、字体类3、背景类

　　　　　二、选择器1、基本选择器2、层次选择器3、伪类选择器4、伪元素选择器5、属性选择器

　　　　　三、display：1inline(行盒一行显示，设置宽高无效)2inline-block（行内块，一行显示，设置宽高有效）3block（块盒，独占一行，设置宽高有效）

　　　　　四、创建BFC（块级格式化上下文，他会创建一个独立区域，里面布局不会影响外面的布局）具体的规则1、它会自动计算浮动元素的高2、它的边框不会与浮动元素重叠3、不会和它的子元素外边距合并

 

　　　　　五、雪碧图的操作步骤：1设置尺寸（测量雪碧图的尺寸）2、引用图片3、背景的位置

　　　　　六、border和outline的区别：border是会计算在盒子的尺寸里面的，outline没有，border可以单独设置四个方向的，outline不行，outline可以去掉焦点框

　　　　　7、弹性盒模型：1、容器display：flex；所有的项目会在一行显示，并且不会超过父元素的高度，也不会换行，主轴，交叉轴，项目：容器中的子元素，容器和项目只存在父子级关系

　　　　　8、过渡：在一段时间内，从一个值变到另外的一个值。  动画的操作步骤1、声明动画2、调用动画     变形：不会影响盒子的位置，不会影响布局，可能会覆盖下面的标签

　　　　　9、颜色的取值：1、关键字2、rgb3、rgba（a表示透明度）4、以#开始数字或字母组成的16进制分号结束

　　　　　10、兼容性的解决方法1、重置文件2、加前缀