- 博客(10)
- 资源 (2)
- 收藏
- 关注
原创 scoped 覆盖样式
scoped 覆盖样式scoped开启Javascript三、参考资料scoped在组件中使用style设置样式会全局生效,如el-button;当加上scoped会在每个样式的最后生成特殊属性,如data-v-469af010下面举例说明<template> <div class="hello"> <h1>Hello</h1> <el-button type="primary">hello</el-butt
2022-04-27 15:45:12 570
原创 vue-cli中引入antd样式——报错Inline JavaScript is not enabled
HTML-CSS小知识——绝对定位使用细节绝对定位绝对定位absolute定位时,是相对于第一个的祖先标签;其中需注意的是,定位的时候是相对于该元素padding+content的,不包扣border。举例代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatib
2021-03-25 16:58:11 1044
原创 【小程序开发】项目搭建避坑指南(更新中)
避坑指南新建项目新建项目在小程序开发工具中删除项目时,并不会删掉源文件,需要到目录下进行删除,所以项目名称和目录名保持一致方便管理。项目名称在详情进行修改,这并不会影响到目录名;但是直接修改目录名会导致开发者工具无法检测到项目,因为项目的路径没有更改,这时就需要重新导入项目,因此项目名称最好在新建时就想好。
2024-07-22 22:42:02 430
原创 HTML-CSS小知识——box-shadow的使用
HTML-CSS小知识——box-shadow的使用属性基本属性的使用附加说明属性box-shadow是给盒子添加阴影效果。box-shadow: h-shadow v-shadow blur spread color inset;基本属性的使用h-shadow:必填,作用为水平阴影,可为负值v-shadow:必填,作用为垂直阴影,可为负值<!DOCTYPE html><html lang="en"><head> <meta char
2021-03-04 12:01:57 912 2
原创 HTML-CSS小知识——overflow使用细节
HTML-CSS小知识——overflow使用细节overflowoverflowoverflow需要元素在同一层级,若子元素脱离标准流,也就是层级高于父元素后,就不受父元素的overflow限制。子元素img绝对定位,父元素a没有定位,代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content
2021-03-01 11:24:14 1006
原创 HTML-CSS小知识——background使用的小细节
HTML-CSS小知识——background使用的小细节background-size中的contain和overbackground-size的位置分析总结background-size中的contain和overcontain为放大背景图片,一直到有一条边接触到边框over为放大背景图片,先有一条边接触到边框后(这时就是contain),然后继续放大,一直到另一条边接触到边框background-size的位置在使用时background时会默认产生一个background-size
2021-02-15 17:49:56 640 2
原创 HTML-CSS小知识——translate基于自身移动、绝对定位基于父盒子
HTML-CSS小知识——translate是基于自身移动的、绝对定位基于父盒子例子无论是在标准流情况还是绝对定位下,translate都是基于自身移动的;绝对定位基于父盒子例子代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body>
2021-02-15 00:04:18 2276 5
原创 VS Code编写HTML-CSS-JS等——代码格式化
VS Code编写HTML-CSS-JS等——代码格式化步骤总结功能:保存时自动将代码进行格式标准化步骤VS Code扩展中搜索:Prettier - Code formatter点击安装进入设置,输入“save”进行查找,打上“勾”后,点击“在settings.json中编辑”编辑settings.json,在现有大括号内添加下面的代码,注意true后面要有英文逗号 "editor.defaultFormatter": "esbenp.prettier-vscode", "[j
2021-01-16 19:41:29 8543 2
原创 VS Code编写CSS文件的自动提示
VS Code编写CSS文件的自动提示步骤总结功能:HTML中新定义的id和class,在编写CSS文件时,智能提示id和class。步骤VS Code扩展中搜索:HTML to CSS autocompletion点击安装出现问题:使用时,我们会发现没有所需要的baidu.html文件里面定义的id和class提示,而是提示了工作区里其他html文件的id和class添加路径:在扩展里找到HTML to CSS autocompletion >> 点击外观跟手机里“设置”一样
2021-01-15 11:00:42 8630 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人