![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
不加糖的睿子
这个作者很懒,什么都没留下…
展开
-
CSS揭秘--背景与边框(一):半透明边框
问题:想给一个容器设置一层白色背景和一道半透明白色边框想法:透明 + 背景白色 但是视觉效果只有白色背景,没有边框出现。知识:背景色会透过边框,通过虚线边框可以看到没有出现边框的空白处是会被该元素的背景色覆盖。实现的效果就知道了原因解决办法: background-clip : padding-box;border-box 背景被裁剪到边框盒。 (默认值,也就是上图的效果...原创 2019-03-08 16:38:55 · 1148 阅读 · 0 评论 -
CSS揭秘--背景与边框(二):多重边框
实现的第一种方法:box-shadow代替border原因:box-shadow是支持逗号分隔语法的,可以创建任意数量的投影模拟出边框。问题:1. box-shadow不占据空间,不响应事件。2. 如果用rgba或者hsla,两种方法得到边框的颜色不同。box-shadow: 0 0 0 4px rgba(126,4,4,.6);border:solid 4px rgba(126...原创 2019-03-08 19:03:14 · 305 阅读 · 0 评论 -
《CSS揭秘》引言部分学习:HSLA,box-shadow以及css小技巧
CSS : HSLAHSLA:Hue 色度(取值:0~360)红色:0,360绿色:120蓝色:240Saturation 饱和度 (取值:0%~100%)网上搜索到的定义一般是色彩的鲜艳程度,0%是最黯淡,100%是最鲜艳。但是通过自己的测试,会发现最黯淡其实就是最贴近灰色,最鲜艳就是不在色度hue上掺杂灰色,最贴近原来的颜色。最贴近灰色,S:0%:最贴近原来的颜色,S...原创 2019-03-08 11:29:27 · 314 阅读 · 0 评论 -
遇到的各端样式问题
迭代完成,暂无bug,记录一下遇到的问题。inputQ1: 写法:div包input描述:在电脑上模拟的时候是居中的,但是在移动端(我记得不错的话是ios)他竟然在div的上层(没居中)。A1:百度到给input加了一个行高。但是加了行高(等于外层div高度)之后ios又出现另外的问题。Q2:如上所述,加了行高(等于外层div高度)之后,ios光标过长。A2:用行高控制光标长度...原创 2019-08-21 16:33:45 · 151 阅读 · 0 评论