- 博客(12)
- 收藏
- 关注
原创 使用sass和less便捷的书写CSS
SASSSASS官网世界上最成熟、最稳定、最强大的专业级CSS扩展语言!sass 是一个 css 的预编译工具也就是能够 更优雅 的书写 csssass 写出来的东西 浏览器不认识依旧是要转换成 css 在浏览器中运行这个时候就需要一个工具来帮我们做安装 sass 环境以前的 sass 需要依赖一个 ruby 的环境现在的 sass 需要依赖一个 python 的环境但是我们的 node 强大了以后,我们只需要依赖 node 环境也可以
2023-09-25 20:59:20
180
1
原创 常见的浏览器兼容问题和常见的CSSbug以及对应的解决方式(面试常用)
浏览器内核(Rendering Engine),是指浏览器最核心的部分,负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。
2023-08-21 19:34:04
472
1
原创 css中的渐变
CSS3 渐变(gradient)可以让你在两个或多个指定的颜色之间显示平稳的过渡。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。 指定渐变图形的时候,如果容器长宽是一样的,那么使用椭圆和圆的效果是一样的。就是从一个颜色到其他颜色的过渡,很多的颜色交织在一起,形成比较炫酷的效果。
2023-08-19 10:16:25
539
2
原创 html的过渡、平移、旋转与3d属性
css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值
2023-08-17 15:31:50
2444
2
原创 弹性盒(flex box)布局属性详解
1)弹性盒也叫伸缩布局盒模型它是**css3引入的一种新的布局模式——flexbox**布局,即伸缩布局盒模型,用来提供一个更有效的方式制定、调整和分布一个容器里的项目布局。相比之前的布局方式,更便利于开发。2)主要思想是让容器有能力让其子项目能够改变其宽度、高度(甚至顺序),以最佳的方式填充可用空间(主要是为了适应所有类型的显示设备和屏幕大小)。flex容器会使子项目扩展来填充可用空间,或缩小他们以防止溢出容器。
2023-08-15 17:16:03
1825
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人