css
文章平均质量分 85
前端corner
分享记录前端学习历程
展开
-
【我不知道的css】巧用flex:0实现上方图片下方文字效果
【我不知道的css】巧用flex:0实现上方图片下方文字效果要求代码原理要求要求使用flex布局实现下图所示的效果,容器内部左边为图片和文字,图片在上,文字在下,图片大小不一,文字长度不一,但要求文字根据图片的宽度自动换行。代码<div class="container"> <div class="wrapper"> <img src="./images/1.jpg" alt="" width="200"> <p>这是一段文字这原创 2022-04-15 23:21:11 · 3892 阅读 · 0 评论 -
爆肝!css复习笔记(有目录!)
爆肝!css复习笔记1、基础选择器:标签选择器、类选择器、id 选择器和通配符选择器2、css字体属性font-familyfont-size字体大小font-weight字体的粗细font-style文字风格字体复合属性写法必须保留 font-size 和 font-family 属性,否则 font 属性将不起作用!!!3、css文本属性color 文本颜色text-align对齐文本text-decoration装饰文本text-indent文本缩进line-height行高4、css的三种样式表行内原创 2021-10-17 16:16:16 · 500 阅读 · 0 评论 -
css3-2D转换、3D转换、动画
css3-2D转换、3D转换、动画一、2D转换1.位移translate应用:让盒子实现水平垂直居中旋转rotate()转换中心点transform-origin缩放scale优点:!!!!不会影响其他盒子,还可以设置中心点!!!!应用一:鼠标经过图片放大效果应用二:分页按钮鼠标经过放大2D转换综合写法顺序同时位移和其他属性,需要把位移放到最前面!!!二、3D转换3D移动translate3d()1、透视写到被观察元素的父盒子上2、translateZ 后面单位一般跟px,正值向外移动3d旋转rotateX原创 2021-10-16 23:26:53 · 129 阅读 · 0 评论