![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
洛阳处处是月明
这个作者很懒,什么都没留下…
展开
-
CSS的一些开发使用技巧(更新中......)
CSS开发使用技巧 正在填补中… 字符超出固定宽度后显示省略号 <div class="container"> <div class="one">洛阳处处是月明洛阳处处是月明</div> </div> .one{ width:12rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }原创 2021-09-22 22:08:01 · 85 阅读 · 0 评论 -
CSS中给边框设置图片方法
CSS中给边框设置图片 CSS 目前并没有特别的功能实现这一方法 利用标签内外嵌套的间隙进行设计. html: <button class="btn"> <div class="span"> 洛阳处处是月明 </div> </button> sass: .btn{ padding: 0; border-radius: 5px; .span{原创 2021-09-11 00:12:19 · 322 阅读 · 0 评论 -
从根目录下查找和从当前路径下查找文件
从根目录下查找和从当前路径下查找文件 根目录: 以斜杠开头"/" 例如:<link *rel*="stylesheet" *href*="/M/css/index.css"> 当前路径: 以"./"开头或者根本不写 例如:<link *rel*="stylesheet" *href*="./../css/index.css" >(html5demo.html)或者<link *rel*="stylesheet" *href*="css/index.css">(‘o原创 2021-09-05 08:38:17 · 485 阅读 · 0 评论 -
CSS为字体设置背景
CSS为字体设置背景 <h1 class="div">洛阳处处是月明</h1> .div{ width: 20rem; height:20rem; background:url("https://i.loli.net/2021/09/04/Ejbt5yCD2F3ZvxY.png"); background-size: cover; background-clip: text; font-weight: bolder; color: transparent; font-size:原创 2021-09-04 17:44:20 · 610 阅读 · 0 评论 -
nth-child渲染大全
:nth-child渲染大全 选择器 解释 :nth-child(3) 渲染第三个元素 :nth-child(n) 渲染n个元素(从1…n) :nth-child(n+3) 从第三个元素开始渲染(3,4,5…n) :nth-child(2n)/even 以2的倍数渲染元素(2,4,6,8…2n) :nth-child(2n+1)/odd 按照(1,3,5,7…2n+1)渲染 :nth-child(-n+5) 渲染1–5个 由此看出n是从0开始涨,并非是从1开始 ..原创 2021-08-31 07:55:28 · 77 阅读 · 0 评论