front-end
文章平均质量分 77
Light touch
In Ireland
展开
-
front-end CSS3 Transform
序言转换transformtransform包含3个部分:translate,rotate,scale,分别是移动,旋转,缩放。2D2D的坐标系如下,是和3D截然不同的。translate移动,类似定位,语法如下:x,y就是在x轴,y轴上移动位置,transform: translate(100px, 0);等价于transform: translateX(100px);移动盒子的3种方法:定位margintranslate重点:针对第二点,和使用margin负值原创 2022-03-08 06:03:23 · 111 阅读 · 0 评论 -
front-end CSS3过渡
transition这个属性经常和hover一起搭配使用,口诀:谁做过渡就给谁加这个属性。举个栗子的代码如下:如果要添加多个属性,写法如下:并且可以简写为以下形式,中间用逗号进行分割,因为后2个属性是可以省略的,或者直接写为all。transition: width .5s, height .5s;本文中图片来源于B站Pink老师,侵删...原创 2022-03-08 06:02:46 · 146 阅读 · 0 评论 -
慕课网JS入门篇(1)基本操作
要点1.JS标签应该放在什么地方?2.如何引入外部的JS文件3.JS的注释是什么样的?4.变量5.if else语句6.函数7.JS如何输出空格?8.三个弹窗兄弟:alert, confirm, prompt9.打开和关闭窗口原创 2022-01-25 01:59:47 · 467 阅读 · 0 评论 -
front-end CSS3新增特性
CSS3现状新增的CSS3有兼容性问题,IE9+才支持移动端支持度优于PC端不断改进中,应用相对广泛CSS3 新增属性选择器属性选择器权重:属性选择器,类名选择器,伪类选择器,都为10// 表示有value属性的input元素,如果还有一个input但是没写value,那么就不会被选择input[value]{ color: pink;}//下面这个权重为11,div=1,属性选择器10div[class^="icon"] {}结构伪类选择器代码应用如下:nth-ch原创 2022-01-19 22:17:37 · 108 阅读 · 0 评论 -
front-end HTML5新增特性
HTML5的新特性原创 2022-01-19 02:54:11 · 84 阅读 · 0 评论 -
front-end CSS (8) CSS高级技巧
精灵图等一些细碎的小技巧原创 2022-01-18 07:49:36 · 140 阅读 · 0 评论 -
front-end CSS(7) 显示与隐藏
显示与隐藏:display: nonevisibility: hidden;overflow: hidden;原创 2022-01-18 06:25:55 · 242 阅读 · 0 评论 -
front-end CSS(6) 定位position
定位position原创 2022-01-18 06:13:23 · 157 阅读 · 0 评论 -
front-end CSS(5) 浮动与清除浮动
浮动与清除浮动原创 2022-01-18 05:55:41 · 149 阅读 · 0 评论 -
front-end CSS(4) 盒子模型的组成4元素/border-radius/box-shadow/text-shadow
盒子模型的组成4元素content+padding+border+margin/border-radius/box-shadow/text-shadow原创 2022-01-18 05:42:03 · 169 阅读 · 0 评论 -
front-end CSS(3)background/CSS继承权重层叠
CSS background/CSS继承权重层叠原创 2022-01-18 04:55:38 · 340 阅读 · 0 评论 -
front-end CSS(2)Emmet语法/复合选择器/块与行内元素
前端基础知识 CSS(2)原创 2022-01-11 07:01:45 · 113 阅读 · 0 评论 -
front-end CSS(1)选择器/字体属性/文本属性/引入方式
前端基础知识 CSS(1)原创 2022-01-11 06:57:41 · 339 阅读 · 0 评论 -
front-end HTML(1)基本标签
前端基础知识----HTML(1)原创 2022-01-11 06:40:09 · 268 阅读 · 0 评论