随笔分类 -  H5C3

渐变线
摘要：background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 46%, rgba(255, 255, 255, 0) 100%); 阅读全文
posted @ 2023-02-13 10:41 coffeemil 阅读(24) 评论(0) 推荐(0)
img引入base64格式图片
摘要：<img :src="imageSrc"> img引入base64格式图片需要加头部 imageSrc:'data:image/gif;base64,' + base64Blob <img :src="codeUrl" class="login-code-img" @click="getCode"> 阅读全文
posted @ 2022-04-28 16:37 coffeemil 阅读(1259) 评论(0) 推荐(0)
[c3] ::selection选择器
摘要：定义和用法 ::selection选择器匹配元素中被用户选中或处于高亮状态的部分。 ::selection只可以应用于少数的CSS属性：color, background, cursor,和outline。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T 阅读全文
posted @ 2022-04-21 15:17 coffeemil 阅读(114) 评论(0) 推荐(0)
[css] 样式列表
摘要：word-wrap: normal|break-word; normal 只在允许的断字点换行（浏览器保持默认处理）。 break-word 在长单词或 URL 地址内部进行换行。 阅读全文
posted @ 2022-01-11 16:06 coffeemil 阅读(40) 评论(0) 推荐(0)
使用特殊font字体
摘要：1、使用css引入字体文件 目录结构 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= 阅读全文
posted @ 2022-01-03 03:04 coffeemil 阅读(420) 评论(0) 推荐(0)
[html] 特殊字符
摘要：Character Entities 显示说明实体名称实体编号 半方大的空白 &ensp; &#8194; 全方大的空白 &emsp; &#8195; 不断行的空白格 &nbsp; &#160; < 小于 &lt; &#60; > 大于 &gt; &#62; & &符号 &amp; &#38; " 阅读全文
posted @ 2021-04-26 16:17 coffeemil 阅读(75) 评论(0) 推荐(0)
[css] 滚动条样式问题
摘要：/** 通用滚动条样式*/ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-thumb { background-color: #e5e5e5； } ::-webkit-scrollbar-thumb:hove 阅读全文
posted @ 2021-04-26 11:15 coffeemil 阅读(1321) 评论(0) 推荐(0)
[css] 样式穿透 >>> /deep/ ::v-deep
摘要：有些样式无法修改，需要借助于深层样式 >>> 别名 /deep/ ::v-deep 给父元素添加类名借助于深层样式 >>>只可使用于css <style> .box >>> .el-input__inner{ padding:0 } </style> 如果有scoped不使用第三方css扩展语言，可 阅读全文
posted @ 2021-04-21 23:00 coffeemil 阅读(772) 评论(0) 推荐(0)
[css3] nth-child 和 nth-of-type区别
摘要：都是基于父级下面的元素 nth-child 基于父级下面的第N个元素，如果类型匹配则生效 nth-of-type 基于父级下面的第N个相同类型的元素 odd:奇数 even:偶数 n:变量 example <a/> <p/> <a/> a:nth-child(2) 不生效a:nth-of-type( 阅读全文
posted @ 2020-12-02 16:03 coffeemil 阅读(37) 评论(0) 推荐(0)
[css] BFC规则以及解决方法
摘要：一、什么是BFC？ BFC是页面上的独立渲染区域 二、BFC产生规则 1、根标签(html) 2、float的值不为none 3、overflow的值不为visible 4、display的值为inline-block 5、position的值为absolute或fixed 三、BFC的特性 1、属 阅读全文
posted @ 2020-10-26 01:13 coffeemil 阅读(953) 评论(0) 推荐(0)
[css] 利用border制作三角型
摘要：1、利用border边框的特性，使加boder边框的元素宽高都为0，因为外边设置太宽里面太窄，所以呈现出三角形状。 <html> <head> <style> .square{ width: 0px; height: 0px; border: 50px solid transparent; bord 阅读全文
posted @ 2020-10-21 23:45 coffeemil 阅读(154) 评论(0) 推荐(1)