
CSS
文章平均质量分 93
学全栈的灌汤包
这个作者很懒,什么都没留下…
展开
-
CSS移动端适配方案
移动互联网的快速发展,让人们已经越来越习惯于使用手机来完成大部分日常的事务。前端我们已经学习了大量HTML、CSS的前端开发知识,并且也进行了项目实战;这些知识也同样适用于移动端开发,但是如果想让一个页面真正适配于移动端,我们最好多了解一些移动端的知识;移动端开发目前主要包括三类原生App开发(iOS、Android、RN、uniapp、Flutter等)小程序开发(原生小程序、uniapp、Taro等)Web页面(移动端的Web页面,可以使用浏览器或者webview浏览)...原创 2022-08-05 09:00:00 · 2809 阅读 · 28 评论 -
CSS媒体查询-物理像素-逻辑像素
比如你购买了一台显示器,在操作系统上是以1920x1080设置的显示分辨率,那么无论你购买的是2k、4k的显示器,对于开发者来说,都是1920x1080的大小。1em相对的是自身font-size的大小,在除了font-size之外的属性中使用em,都是相对自己的font-size。使用相对单位的好处是,经过一些仔细的规划,您可以使文本或其他元素的大小与页面上的其他内容相对应;如果在font-size属性中使用em单位,那么是相对父元素的font-size的大小。...原创 2022-08-04 09:00:00 · 1365 阅读 · 46 评论 -
CSS函数-BFC介绍-原理详解
讲解BFC之前,我们先认识一下FC什么是FC呢?FC的全称是FormattingContext(格式化上下文),任何元素在标准流里面都是属于一个FC的;下面我们看看官方文档的解释大致意思是说任何元素在标准流里面都是属于一个FC的,可能是一个块级,可能是一个行内,但是不会同时属于这两个。块级元素的盒子都是属于BFC,行内元素的盒子都是属于IFC。块级元素的布局属于BlockFormattingContext(BFC)也就是blocklevelbox都是在BFC中布局的;...原创 2022-07-30 19:33:16 · 462 阅读 · 4 评论 -
CSS水平居中和垂直居中的方法总结-形变及动画的基本使用
transform属性值(掌握)位移 transform: tanslate(x, y) ;一个值表示设置x轴上的位移两个值表示设置x轴和y轴上的位移单独设置x轴位移 transform: tanslateX(x) ;单独设置y轴位移 transform: tanslateY(y);x 和 y 的值为百分比时如果x轴设置为百分比: 那么参考的是自身的宽度如果y轴设置为百分比: 那么参考的是自身的高度缩放 transform-scale(x, y)一个值表示设置x轴原创 2022-05-29 12:30:03 · 448 阅读 · 0 评论