![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 88
三笠·阿卡曼
日拱一卒无有尽,功不唐捐终入海。
展开
-
前端基础学习(四)CSS过渡与动画
transition过渡transition过渡属性是CSS3浓墨重彩的特性,过渡可以为一个元素在不同样式之间变化自动添加“补间动画”;兼容性良好,动画更细腻,内存开销小;过渡的基本使用transition属性基本使用transition有四个要素transition: width 1s linear 0s;哪些属性可以参与过渡所有数值类型的属性,都可以参与过渡,比如width、height、left、top、border-radius;背景颜色和文字颜色可以被过渡;所有原创 2022-01-12 22:46:02 · 649 阅读 · 0 评论 -
前端基础学习(四)CSS新特性之变形
变形2D变形旋转变形将transform属性的值设置为rotate(),即可实现旋转变形;transform: rotate(45deg);若角度为正,这顺时针方向旋转,否则逆时针方向旋转;transform-origin属性可以使用transform-origin属性设置自己的自定义变换原点;缩放变形斜切变形位移变形3D变形3D旋转空间移动...原创 2022-01-05 23:20:57 · 186 阅读 · 0 评论 -
前端CSS基础学习(三)边框与背景
边框与圆角边框边框三要素border属性border属性需要三个要素;border: 1px solid red;线型线型值意义solid实线dashed虚线dotted点状线border三要素小属性边框三要素可拆分为小属性;小属性意义border-width线宽border-style线型border-color线颜色四个方向的边框属性意义border-top上边框原创 2022-01-03 22:43:59 · 579 阅读 · 0 评论 -
前端基础学习(三)浮动与定位
浮动浮动浮动的基本概念浮动用来实现并排浮动的最本质功能:用来实现并排浮动使用要点:要浮动,并排的盒子都要设置浮动;盒子要有足够的宽度,否则盒子会掉下去;浮动的顺序贴靠特性子盒子会按照顺序进行贴靠,如果没有足够空间,则会寻找前一个兄弟元素;浮动的元素一定能设置宽高浮动的元素不再区分块级元素、行内元素,已经脱离了标准文档流,一定能设置宽度和高度,即使他是span或者a标签;右浮动float: right;,即可设置右浮动使用浮动的注意事项垂直显示的盒子,不需要原创 2021-12-28 22:47:14 · 403 阅读 · 0 评论 -
前端基础学习(二)-- 攻破CSS盒模型
盒模型认识盒模型所有HTML标签都可以看成是矩形盒子,有width、height、padding、border构成,称为"盒模型";width、height不是盒子的总宽高盒子的总宽度=width + 左右padding + 左右border盒子的总高度=height + 上下padding + 上下borderwidth和height属性详解padding属性详解margin属性详解盒模型计算box-sizing属性行内元素和块级元素display属性行内元素和块级元素原创 2021-12-23 23:05:10 · 146 阅读 · 0 评论 -
前端基础学习(一)
基础标签学习img<p> <img src="images/gugong.jpg" alt="故宫角楼" width="300"> </p>alt: 如果图片裂开了可以添加一个图片提示之类的东西;网页支持的图片格式格式说明.bmpWindows画图软件默认保存的格式,位图.gif支持动画(比如表情包).jpeg有损压缩图片,用于照片.png便携式网络图像,用于logo、背景图形等,支持透明和半透明原创 2021-12-19 22:30:28 · 411 阅读 · 0 评论