![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 68
雾町
这个作者很懒,什么都没留下…
展开
-
less语法
less的基本语法和css一样,但增加了很多css没有的语法,比如定义变量、混合、嵌套、运算、注释、导入。 变量 less中定义变量需要加“@”,如@mywidth:100px; @mywidth:100px; @mycolor:hotpink; .box{ width:@mywidth+50; color:@mycolor; } 混合 可以在一端css代码里通过类名插入另一端css代码。 .mysize{ width: 200px; height: 200px;原创 2021-09-13 17:44:07 · 112 阅读 · 0 评论 -
移动端布局:流体布局、弹性盒布局、rem布局
针对移动端布局适配,可以采用 流体布局 、弹性盒布局、rem布局的方式,一个页面的布局可以综合运用这三种方式完成最终的布局。 1、流体布局 宽度用百分比,高度用固定值的布局方式,宽度通过百分比来适配不同宽度的屏幕。 优缺点 直接将宽度写成百分比,高度写固定值,这种布局方式就比较简单,但是对于宽屏和窄屏,宽度的百分比是相同的,得到的最终宽度是不同的,而高度是固定值,这就让网页在宽屏上,感觉整个网页在横向上被拉伸的,体验不是很好,另外,用百分比的方式不能解决所有布局情况,还需要结合后面的响应式布局的技巧.原创 2021-09-13 14:50:58 · 758 阅读 · 0 评论 -
CSS3样式特效
1.元素2D变换 2D变换就是让盒子进行转动(rotate)、缩放(scale)、位移(translate)。 transform 设置转动角度:transform:rotate(30deg); //顺时针转动30° transform:rotate(-30deg); //逆时针转动30° 设置旋转点:transform-origin:x-axis y-axis 以左下角为原点,左边向上为y轴,下边向右为x轴 transform-origin:left center; //设置原创 2021-09-08 12:27:06 · 528 阅读 · 0 评论