- 博客(39)
- 收藏
- 关注
RSS订阅
原创 如何在vue项目开发中使用tailwindcss样式
在src文件夹下的asset静态资源文件夹中创建一个css样式文件夹，然后在该css文件夹下创建一个tailwind.css文件，并在文件中写入如下代码使用 @tailwind 指令注入 Tailwind 的基础 (
2022-07-21 20:10:30
4967
1
原创 To install them, you can run: npm install --save core-js/modules/es.array.push.js
To install them, you can run: npm install --save core-js/modules/es.array.push.js core-js/modules/es.error.cause.js core-js/modules/es.object.proto.js core-js/modules/es.re
2023-02-22 15:12:59
5162
1
原创 flex布局部分属性补充
flex布局的flex-grow、flex-shrink、flex-basis、align-content以及order属性。
2022-04-13 16:44:46
589
原创 CSS样式中针对盒子样式的属性及技巧
1.overflow属性这个属性规定了当内容比盒子设置的大小要大时，发生的事情 语法：overflow：visible |hidden | scroll |inherit;
2022-04-05 16:43:56
1097
原创 CSS样式中精灵图的使用
今天咱们来聊聊一个在实操中经常遇到一个小点。图1：图2：很多页面都有图一的一下小icon，小图标。有些时候这些图标并不是独立存在的，他可能存在于一张图上，如图2所示。项目中一些小图标、icon在一张图上面的图，我们称之为精灵图（Sprite）或者雪碧图（英文直译而来）。先看效果图html部分，就是简单地使用了一个无序列表进行效果展示。<!DOCTYPE html><html lang="en"><head> <met..
2022-04-01 15:12:29
500
原创 HTML页面布局
根据所需要设计页面的效果图，去设计分析页面所需要的的html布局。最简单的可以使用div进行布局，结合css样式对div盒子进行定位。例如：这样的布局有利于爬虫软件的读取，以及后期人员的代码阅读及维护。这里提一下，侧边栏aside和正文article为了方便截图我设置了固定宽高400px。如果有需要可以设置height：calc（100vh - （头部+导航+底部的高度）） ，同样也可以由这两个盒子内部的元素去撑开父元素的高度，根据需求来。其次html5又新增了许多的语义化标签。接下来我修改
2022-03-30 15:05:43
5859
5
原创 CSS中渐变色样式以及box-sizing属性
CSS3中颜色渐变问题，文字阴影如何设置。以及盒子设为行内块元素后存在空白间隙，不能紧贴着显示等问题，该如何去消除该类影响。
2022-03-29 13:49:43
2086
原创 CSS边框设置以及内外边距的使用
1.边框该border属性为以下属性的简写属性。例如：border:1px solid black;border-width表示边框的粗细，可以是medium，thick等，一般使用数字加单位组合的大小就行，如1px，1em，1rem。border-style（必需的）表示边框的样式，有实线(solid)、虚线(dashed)、点状线(dotted)、双实线(double)等border-color表示边框的颜色，设置表示颜色属性的值就行。2.内边距外边距1.内边距paddi
2022-03-28 15:15:11
8377
原创 CSS中超链接、文本样式以及背景修饰
1.CSS链接<a href="https://www.baidu.com/" target="_blank">This is a link</a>href表示链接跳转的地址 _blank表示在新页面内打开网页 如果不设置target的值将默认在当前页面打开新的链接伪元素设置属性样式。a:link- 一个正常的、未访问的链接a:visited- 用户访问过的链接a:hover- 用户将鼠标悬停在链接上时的链接a:active- 点击时的链接以a:lin
2022-03-26 21:44:46
3351
1
原创 CSS选择器
1.简单选择器类选择器 使用时 .类名{样式1；样式2；}，匹配对应类名元素 id选择器 使用时 #id{样式1；样式2；}，匹配对应id的元素 标签选择器 使用时 标签名{样式1；样式2；}，匹配对应标签的元素 通用元素选择器 使用时 *{样式1；样式2；}，匹配所有元素 2.属性选择器以下标签名以div为例标签名[name] 所有含有name属性的di...
2022-03-24 14:49:59
747
原创 CSS入门笔记
1.CSS样式引入1.行内样式表直接在元素上进行操作。style="属性1；属性2；"。可以对每个元素进行操作修饰<div style="font-size: 18px;color: black;">In this example the h1 element has a bottom margin of 50px and the h2 element has a top margin of 20px. So, the vertical margin between h1 and
2022-03-23 14:50:20
509
原创 前端新手表单部分小结
2022.03.22 今日所学小结。表单包括form,select,option,input,textarea等等。其中form元素包含一个或者多个表单元素（如上）（不包括form本身）用户可以在form表单内进行单行以及多行文本域的编写，并通过input标签的type="submit"或者type="image"进行数据的提交。form标签还可以设置发送方式method、规定向何处发送数据action、以及向服务器发送数据时如何进行编码enctype。input为当行文本域，其中标签上的t
2022-03-22 14:48:56
547
原创 yarn create @umijs/umi-app 报错：文件名、目录名或卷标语法不正确。
yarn create @umijs/umi-app 报错：文件名、目录名或卷标语法不正确。
2021-11-29 17:02:42
8868
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人