HVENLY的博客

本篇文章总结了在CSS中使用百分比单位的相关知识点

本篇文章主要记录了使用css的伪元素实现一个对话框的效果

一、定义二、块级元素三、行内元素四、行内块级元素

1.scoped属性：当 <style>标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，而不会穿透到子元素中。也就是说组件A使用了scoped属性，那么在A组件中设置的样式并不会影响到A组件的子组件B的样式。但是需要注意点的是，子组件B的根节点会受到父组件A的影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式。来一个栗子：父组件A：<template> <div id="text-page"> &l

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

当img标签的src属性为空时，网页中会出现图裂的图标，非常的不美观，如下所示：可以为其添加以下代码，即当img元素为空时，设置元素透明度为0，则此时图裂图标也被隐藏起来了。img[src=""],img:not([src]){ opacity:0;}...

1.textarea去掉右下角三角图标resize:none2.让文字在一行内显示不换行width: 100px;/*需要给它一个宽度*/display: block; /*内联对象需加*/word-break: keep-all; /* 不换行 */white-space: nowrap; /* 不换行 */overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */text-overflow: ellipsis; /*溢出时显示省略标记...；需与overflow:

目录一、WOW.js介绍二、使用步骤三、案例制作一、WOW.js介绍WOW.js 实现了在网页滚动时的动画效果，可以让你的页面更有趣，比如页面在向下滚动的时候，让一些元素产生动画效果，吸引用户的注意。注意点：WOW.js 实现需要 Animate.css 项目的支持。点击前往WOW.js官网二、使用步骤1.打开git链接下载WOW.js2.解压文件，找到dist下的wow.min.js文件用于链接到页面中使用WOW.js3.首先要在页面中链入Animate.css<!-- 引入ani

目录实现原理三角形制作案例一个简单的三角形带边框的三角形实现原理其实实现的原理很简单，就是通过css的border属性进行制作。那么为什么border属性这么神奇可以制作我们的三角形呢？因为border的本质就是三角形，我们来看看下面这个例子：html代码：<div class="box1"></div>css代码：.box1 { width: 0; height: 0; border-top: 40px solid pink; bor