码迷,mamicode.com
首页 > 其他好文 > 详细

客户端知识总结

时间:2020-06-20 19:15:55      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:重叠   字体类   显示   cti   引入   border   outline   常见   规则   

首先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、加前缀

 

客户端知识总结

标签:重叠   字体类   显示   cti   引入   border   outline   常见   规则   

原文地址:https://www.cnblogs.com/heleiya/p/13169350.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!