- 博客(12)
- 收藏
- 关注
RSS订阅原创 前端右上角已报名三角形实现
实现的效果图实现原理1.两个三角形来实现右上角的样式2.已报名文字通过旋转和定位来实现<html> <head> <meta charset="utf-8"> <title>已报名三角形</title> <link rel="stylesheet" href="./5.css"> </head> <body> <div class="big"> <div c
2021-08-17 10:32:44
318
原创 上升菜单栏
上升菜单栏????以前自己的做法是用定位来做的，但是做的很不舒服，现在使用css3的办法很棒使用技术:hover、transition原理:两层快级级结构，鼠标移入,上面的块级结构往上移动实现效果(由于放不上视频，只能截图了)代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 从下往上滚动菜单
2021-04-25 20:23:45
133
原创 浮动流,清除浮动流以及标签嵌套问题
浮动流以及标签嵌套问题浮动流浮动的元素会产生浮动流所有产生了浮动流的元素，块级元素看不到产生的浮动流的元素但是产生了bfc的元素以及文本类元素(inline)以及文本都能看见产生了浮动流的元素因此，我们经常需要清除浮动流**原理:**在产生浮动流的后面清除浮动流 就不会对后面的元素产生影响方法有几种 但是较为好的方法如下**方法：**加::after伪元素 清除浮动清除浮动clear:both; 这个属性 必须在块级元元素才起作用而::after是行内元素例子如下:<!DOCT
2021-03-14 14:46:31
199
原创 定位和浮动转化问题 position: absolute；和float浮动可以直接变成行内块元素
隐藏知识点1.position: absolute;可以将元素转化为block属性例子如下 :span是行内元素，正常情况下加宽高属性是不会起作用html<html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com
2021-03-14 13:10:46
902
原创 文字溢出打点点点解决方案
文字溢出我们经常需要做到在固定宽高内显示文字，当文字内容过多不希望全部显示，通过打…来代表文字未完，我们是这样做的1.单行文本.box{ white-space:nowrap;/*首先先让文本失去换行功能*/ overflow:hidden;/*再溢出部分不展示隐藏*/ text-overflow:ellipsis;/*最后把溢出部分打点*/}2.多行文本溢出打点方式 ：有些时候通过后段根据文字长度计算宽高，快要溢出时候 后端直接加上…（本菜鸟觉得可不可以：通过js获取元素 快要溢出
2021-03-14 00:02:36
720
原创 css实现爱心
纯html css实现爱心案例原理:心型❤️是可以由半个正方向+两个半圆形构成的如图得到这样的图形后 再旋转45度角，就可以变成爱心形状了<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-
2021-03-11 16:06:21
303
原创 数据流图案例分析
A.有如下的一个简单考务处理系统，要求完成一下工作：1. 对考生送来的报名单进行检查;2. 对合格的报名单编好准考证号后将准考证送给考生，并将汇总后的考生名单送给阅卷站;3. 对阅卷站送来的成绩单进行检查，并根据考试中心制定的合格标准审定合格者;4. 制作考生通知单(含成绩及合格/不合格标志)送给考生;5. 按地区进行成绩分类统计和试题难度分析，产生统计分析表。我们对需求进行关键字提取，并用红色标出实体，绿色标出关键的数据流。顶层一层二层B.假设一家工厂的采购部每天需要一张订货报
2021-01-17 11:31:53
9719
1
转载 el-table使用el-popover无法关闭
在列表下使用el-popover的情况下，会遇到无法关闭的情况着时候就得给el-popover分配一个唯一的ref，例如我给它分配那一行的索引值scope.$index需要关闭的时候调用scope._self.refs[scope.refs[scope.refs[scope.index].doClose()就OK啦！代码`确定删除该条数据吗？<el-button size=“mini” type=“text” @click=“scope._self.refs[scope.refs[sc
2021-01-02 14:01:15
870
原创 elementui中el-table和el-popover冲突显示
小白遇到的问题 在网上找了一些方法解决了 所有要记录一下需求:1.在表格中最后一列是操作，其中有编辑和删除操作这些操作打算用el-popover实现但是由于el-popover是需要绑定v-model来实现如果在el-table中直接按照官方文档写的el-popover会实现不了因此需要给el-popover动态绑定table行 这样才不会冲突实现代码html<el-table-column width="100" align="center" label="操作"> &l
2020-12-21 10:53:13
2224
转载 标题大小与字体大小的关系
1到6号标题与1到6号字体逆序对应，比如1号字体对应6号标题，2号字体对应5号标题。<h1>这是1号标题</h1><font size="6">这是6号字体文本</font><h2>这是2号标题</h2><font size="5">这是5号字体文本</font><h3>这是3号标题</h3><font size="4">这是4号字体文本</font>
2020-09-27 16:07:43
892
转载 HTML 中 href、src 区别
HTML 中 href、src 区别href 是 Hypertext Reference 的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如：<link href="reset.css" rel=”stylesheet“/>浏览器会识别该文档为 css 文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用 link，而不采用 @import 加载 css 的原因。 src 是 source 的缩写，src 的内容是页面必不可少的一部分，是
2020-09-27 15:05:35
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人