CSS
文章平均质量分 77
mytheart
学习是一种生活方式。享受过程。
展开
-
img在容器中居中剪裁展示的三种方法
用到css的clip:rect(top right bottom left);用法,需要配合position: absolute使用<img src="xxx" style="position: absolute;clip: rect(0px,250px,200px,50px);width: 300px;height: 200px">用元素的background属性 img { background-image: url(http://img2.u.原创 2021-09-05 01:26:05 · 2703 阅读 · 0 评论 -
CSS3的flex弹性盒子学习笔记
前言flex布局挺重要的,尤其是在移动端布局中使用的更多。flex布局在面试中也是重点,我在腾讯一面的时候,持续一个小时,其中flex布局大概占了10分钟,面试官问的非常细、非常深入,好在我在flex布局这块理解的也比较深刻,还让面试官满意。父元素flex-direction:row | row-reverse | column |column-reverse default:row...原创 2019-06-17 16:09:09 · 402 阅读 · 1 评论 -
less学习笔记
// 1.less的注释 // 嵌套语法 只想给开发人员看到得注释 /*包裹注释 会被编译到css文件中*/// 2.变量/及变量运算// @width:300px;// @color:blue;// @height:@width + 100px;// 3.作用域/块级作用域/变量延迟加载// @size:10px;// body{// bac...原创 2019-07-21 11:14:13 · 323 阅读 · 0 评论