- 博客(10)
- 收藏
- 关注
原创 脚手架和VUE基础
1.全局安装vue脚手架包:yarn global add @vue/cli 或者 npm install @vue/cli -g2.在项目文件夹下的终端使用命令:vue create 脚手架项目名字(不能大写字母)注:第一次使用这个命令,会弹出是否使用某个镜像源,直接回车即可3.选择语法版本,这里选择Vue2的语法版本:4.回车后,如果是第一次安装,则会让你选择使用yarn或者npm,选择一个即可5.successfully即安装成功注:如果创建项目失败;
2022-08-19 17:30:17 122
原创 CSS动画与过渡
CSS动画与过渡一.过渡作用:让元素的样式慢慢的变化,常配合hover使用,增强网页交互体验。属性名:transition常见取值:参数取值过渡的属性all:所用能过渡的属性都过渡;具体的属性名,如:width:只有width有过渡;选择多个属性过渡:各个属性+时长间用逗号隔开过渡的时长数字+s(秒)注意点:过渡需要:默认状态和hover状态样式不同,才能有过渡效果 transition属性给需要过渡的元素本身加
2022-02-28 16:33:08 312
原创 iconfont平台如何上传和下载字体图标
iconfont平台如何上传和下载字体图标打开iconfont网站,登录之后点击图中的上传图标点击上传图标,将设计师妹妹给我们的svg矢量图打开 点击去除颜色并提交点击图中的批量操作,然后框住全选,批量加入购物车点开购物车,点击添加至项目点击小加号创建新的项目点击下载至本地下载完成后在文件夹中打开并解压即可...
2022-02-10 20:05:36 2346
原创 小兔鲜儿项目pc客户端前端静态页面
小兔鲜儿项目pc客户端前端静态页面一.效果图二.文件和目录准备新建index.html在根目录新建css文件夹保存网站的样式,并新建以下css文件:base.css:基础公共样式common.css:该网站中多个网页相同模块的重复样式,如:头部,底部index.css:首页样式三.基础公共样式场景:一般项目开始前,首先会去除掉浏览器默认样式,设置为当前项目需要的初始化样式作用:防止不同浏览器中标签默认样式不同造成的影响,统一不同浏览器的默认显示效果,方便后续项目开发文件:
2022-02-07 20:39:14 4137 2
原创 CSS定位
CSS定位网页中常见的布局方式:标准流:块级元素独占一行------垂直布局行内元素/行内块元素一行显示多个------水平布局浮动:可以让原本垂直布局的块级元素变成水平布局定位:可以让元素自由的摆在网页的任意位置一般用于盒子之间的层叠情况定位的常见应用场景:可以解决盒子与盒子之间的层叠问题,定位之后的元素层级最高,可以层叠在其他盒子上面可以让盒子始终固定在屏幕中的某个位置定位的使用步骤:设置定位方式:属性名:position常见的属性值:
2022-01-14 00:32:56 108 1
原创 HTML结构伪类选择器:
HTML结构伪类选择器:查找单个标签:选择器含义E:first-child {}第一个子元素且是E标签nE:last-child {}最后一个子元素且是E标签E:nth-child(n) {}第n个子元素且是E标签E:nth-last-chlid(n) {}倒数第n个子元素且是E标签查找多个标签:n的注意点:n为:0,1,2,3,4,5,6…通过n可以组成常见的公式:功能公式偶数2n,even奇数2n+1,2
2022-01-11 14:42:21 326 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人