速通web前端
松果pine吃玉米
clock
展开
-
速通web前端的sun-----web前端三剑客之JavaScript
有聚终有散,人生就是一场场折柳。岁月长河里,仿佛存在着一座座杨柳依依的渡口,每一段光阴逆旅当中,会有人离船而去,有人登船作伴,然后在下一座渡口又有新的聚散离别。————《 剑来》推荐几个好的网址哦:千古图文,牛的:https://web.qianguyihao.com/04-JavaScript%E5%9F%BA%E7%A1%80/00-%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80%E7%AE%80%E4%BB%8B.html#%E7%BC%96%E7%A8%8B%E8%.原创 2021-12-21 18:37:24 · 442 阅读 · 0 评论 -
管理博文 速通web前端的sun-----web前端三剑客之css(十二)移动web设计
单位问题,在html中设置font-size:5.333333vw,因为老版本浏览器最小识别12px,所以需要了0.13333乘以40;然后在我们使用单位的时候使用rem,即可。2.熟悉flex布局实现下面的效果原创 2021-12-20 18:48:40 · 120 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(十一)
Less1.1. 编译less(——这里如果使用的是vscode的话下载一个easy less插件——)1.2. 自动编译less注意:重新启动hbuilder移动端适配2.1. em单位2.2. rem单位2.3. 浏览器识别的最小字号2.4. 视口物理分辨率:显示分辨率逻辑分辨率: 屏幕的像素尺寸...原创 2021-12-20 16:30:47 · 217 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(十)
动画1.1. 动画属性如果想用这些动画效果,可以引入,然后在class中写效果就好了可参考: https://www.dowebok.com/98.html响应式简介媒体查询语句弹性布局(未来)4.1. 弹性空间4.2. 弹性布局设置主轴的方向4.3. 弹性元素在主轴上的位置分布4.4. 弹性元素是否换行4.5. 弹性元素在侧轴的位置分布(当前行) ---------align-items4.6. 弹性元素在侧轴的位置分布(整体的) ---.原创 2021-12-20 16:22:28 · 126 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(九)
渐变1.1. 线性渐变1.2. 重复线性渐变1.3. 径向渐变1.4. 重复径向渐变过渡transition,注意最后每个属性的单位需要写上啊啊2.1. 过渡单属性赛贝尔曲线网址:https://cubic-bezier.com/#.17,.67,.83,.672.2. 过渡复合属性2d转换(transfom)3.1. 位移3.2. 旋转3.3. 旋转轴3.4. 旋转中心点设置3.5. 当旋转和位移同时存在时的问题(分开写不好使啊)..原创 2021-12-20 15:38:39 · 87 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(八)
圆角属性1.1. 边框模拟三角形下面自己写的1.2. 圆角属性太极练习伪元素这里还有::after,可以结合clearFix标准盒子模型和怪异盒子模型一开始还没反应过来,原来就是IE盒子模型啊,俺没事了附链接可以一看:https://www.cnblogs.com/nyw1983/p/11326599.html文字阴影4.1. 文字阴影属性4.2. 文字边框4.3. 文字裁剪属性盒子阴影背景属性6.1. 背景裁剪属性6..原创 2021-12-20 14:59:10 · 92 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(七)HTML5+CSS3开始
H5简介h5新增语义标签h5新增表单类型音频标签视频标签关系选择器属性选择器伪类选择器状态选择器9.1. focus伪类9.2 checked伪类10.3. target伪类总结:练习,练习。...原创 2021-12-20 13:53:30 · 94 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(六)
Css精灵图(雪碧图)1.1. 制作精灵图1.1.1. Ps制作自定义画布,把图片拖进来1.1.2. 用在线转换工具http://alloyteam.github.io/gopng/腾讯全端开发团队图标字体https://www.iconfont.cn/阿里巴巴矢量字体库下载2.1. 淘宝头部右侧标签结构Ico图标http://www.bitbug.net/现阶段已完成,还有一些细节需要自己完善,现在只是打了一个框架,这个东西需要不断的打磨。..原创 2021-12-15 14:47:11 · 641 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(五)
推荐自学网站:B站https://web.qianguyihao.com/定位1.1. 相对定位相对定位不脱标,留坑,别人不会把他的位置挤走后面在做定位的时候使用了,父相对,子相对,子绝对,然后用第一个将第二个压住,但是在那个网站中不建议这样做1.2. 绝对定位,脱离了标准文档流,不再区分行内元素,块级元素,直接可以设置宽高了。1.3. 相对定位和绝对定位结合使用更新:绝对定位的参考点: 绝对定位的起始参考点是设置定位属性的父元素(离自身最近的),如果没有设置相对定位的父元.原创 2021-12-15 14:38:06 · 219 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(四)
qq快捷键ctrl+alt+a,长按右键任意截图网页的版心在pc端,由于分辨率和屏幕较大,通常网页的版心是一个固定宽度且水平居中的,通常在1100-1300之间通栏盒子通常是一个无固定宽度的盒子总结:开始按照教程做一个网页了。具体结合淘宝京东小米官网来做及大成。...原创 2021-12-15 14:39:05 · 237 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(三)
overflow属性清除标签默认样式(css初始化)Img底部留白浮动4.1. 行内块和行内元素横向布局问题4.2. 浮动造成的影响4.3. 左浮动和右浮动小结:高度塌陷问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e..原创 2021-12-11 12:51:49 · 228 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css(二)
状态伪类行高2.1. 文本垂直居中2.2. 行间距复合属性之font复合属性之border复合属性之backgroundps基本使用6.1. 标尺在标尺处右键选择像素单位6.2. 图片的缩放Alt+鼠标滚轮或者ctrl+加号或者减号6.3. 切图![在这里插入图片描述](https://img-blog.csdnimg.cn/c1db967671d8425e94376d4149e95d7d.pngCtrl单击切片是切换切片7. 盒子模型7.1..原创 2021-12-08 23:08:41 · 93 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之css
每个知识点都需要勤加练习,每天进步一点点,共勉。Chrome调试1.1. 调试css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,.原创 2021-12-08 15:17:52 · 392 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之html(二)
每个知识点都需要勤加练习,每天进步一点点,共勉。超链接1.1. 空链接1.2. 锚点链接这里对于锚点(maodian)链接,也可以设置name属性,详情可以参见:https://web.qianguyihao.com/01-HTML/05-HTML%E6%A0%87%E7%AD%BE%EF%BC%9A%E5%AD%97%E4%BD%93%E6%A0%87%E7%AD%BE%E5%92%8C%E8%B6%85%E9%93%BE%E6%8E%A5.html#_2%E3%80%81%E9.原创 2021-12-08 11:33:37 · 107 阅读 · 0 评论 -
速通web前端的sun-----web前端三剑客之html
目标:能够独立完成pc端和移动端的网页布局笔记均来自尚硅谷:http://www.atguigu.com/,记录,加深印象。什么web?Web是一个简写, world wide web 万维网,广域网,互联网我们可以理解web就是网站什么是网站和网页?网站是多个网页和其他文件组成的什么是web的前端和后端?前端要掌握的技术?html css javascript网页的组成html: 文本 按钮 输入框 图片 超链接 音频 视频…css: 对网页进行装饰原创 2021-12-08 10:47:46 · 337 阅读 · 0 评论