前端
文章平均质量分 57
前端学习
Sky-木落
程序猿!热爱编程、旅行、摄影、轻音乐等、
展开
-
HTML、CSS部分基础知识总结(二)
1、CSS百分比参照问题1.1、参照父元素宽度的元素:marginpaddingtext-indentwith1.2、参照父元素高度的元素:height1.3、参照父元素属性 的元素font-sizeline-height1.4、特殊:相对定位的时候,top(bottom) left(right)参照的是父元素的内容区域的高度与宽度,而绝对定位的时候参照的是最近的定位元素包含padding的高度与宽度2、BFC2.1、BFC的生成 float的值不为none;原创 2021-08-08 11:30:55 · 56 阅读 · 0 评论 -
用css的动画制作——西游记人物运动起来
1、效果图2、部分源代码<!DOCTYPE html><html lang="zh-cn"> <head> <!-- <link type="text/css" rel="stylesheet" href="https://www.cnblogs.com/a-cat/custom.css?v=9bZGlGHQBwod7ANb++Ag1WzrOc0="> --> <style type="text/css"> bo原创 2021-08-02 16:56:55 · 578 阅读 · 0 评论 -
CSS3——制作人物走路的小动画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #walk { width: 47px; height: 175px; border: 1px solid black; margin: 250px auto; background原创 2021-08-02 15:42:14 · 859 阅读 · 0 评论 -
【Emmet】HTML速写之Emmet语法规则
文章目录1、id(#)、class(.)2、:重复(*)3、子节点(>),兄弟节点(+),上级节点(^)3.1、子节点(>)3.2、兄弟节点(+)3.3、上级节点(这里的span标签与ul标签处于同一级)4、分组()5、属性([attr])——id,class都有怎么能少了属性呢6:编号($)6.1、改变起始数字即倒叙7、隐式标签7.1、在select标签中使用隐式标签8、综合练习(文字乱码为解决)1、id(#)、class(.)<!DOCTYPE html><html&原创 2021-08-01 22:32:13 · 304 阅读 · 0 评论 -
HTML、CSS部分基础知识总结(一)
文章目录1、选择器的优先级排序2、浮动元素相关题3、把鼠标移到按钮并点击时,会产生一串什么样的事件?4、块级标签和行类标签分类总结5、CSS盒子模型6、img 相关,以下两种都可以直接看到文字hello7、CSS中用 opacity、visibility、display对比总结7.1 display: none7.2 visibility: hidden;7.3 opacity=08、HTML中的注释9、哪些元素在浏览器默认样式下会加粗文本 (360面试题)10、html严格模式和标准模式,怎么触发这两种模原创 2021-08-01 10:09:23 · 356 阅读 · 1 评论 -
Vue的安装与卸载集
vue卸载:npm uninstall vue-cli -g(3.0以下版本卸载)npm uninstall -g @vue/cli(3.0以上版本卸载)vue安装:npm install vue-cli@2.9.6 (指定版本安装【指定版本为3.0以下版本】,其中2.9.6为版本 号)npm install -g @vue/cli (安装的是3.0以上最新版)npm install -g @vue/cli@3.11.0(指定版本安装【指定版本为3.0以上版本】,其中3.11.0为 版本号原创 2021-05-12 17:09:54 · 1226 阅读 · 0 评论 -
socket.io框架实现一个完整版的聊天室------websocket
原创 2021-05-10 16:09:08 · 150 阅读 · 0 评论 -
网页添加Live2D看板娘简易教程
JS代码<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script><script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"&转载 2021-01-20 13:43:29 · 1365 阅读 · 0 评论