css细节积累
brace-orange
总结是一种成长,加油。
展开
-
ios键盘将按钮弹起
ios会遇到键盘将按钮弹起的操作, 解决了, 如果有其他方法,欢迎讨论~! 丑图献上原创 2020-03-04 20:08:30 · 255 阅读 · 0 评论 -
边框颜色和背景色之间的关系
首先,我们会设置背景色和边框颜色。如下 然而背景色外延到边框色,使边框色的灰度无效。 解决办法,就是被注释掉的这句神助攻样式。 去掉注释,还原我们想要的结果哦。 ...原创 2018-12-29 09:54:34 · 1482 阅读 · 0 评论 -
background背景和border颜色,以及background-clip属性,透明度问题探讨
这种情况是绿色背景色没有被透上来 将小方块背景色改为红色,白色透明边框变成了红色透明边框, 综上两点,说明透明边框的颜色随着背景色而变化。注意是透明边框! 那么如何将绿色背景在透明边框中透明上来呢,, 用到css3的一个属性,,background-clip: border-box ,padding-box border-box表示在border,padding,width中将绿色背景...原创 2019-03-20 16:50:17 · 1542 阅读 · 0 评论 -
引入css文件的方法
开始吧! 1. css与html的结合 link标签(链接式): 候选样式表通过rel="alternate stylesheet"可以搭配media使用,选择候选样式表后,首选样式表rel = ‘stylesheet’ 就不会被选择。 <link>标签中如果无title属性,则样式表为永久样式表,始终渲染文档的显示。 type = 'text/css',引用外部样式表 先装载css...原创 2019-04-03 11:27:56 · 408 阅读 · 0 评论 -
css定位 position absolute relative fixed
position absolute position absolute,不设置lrtb(left, right, top, bottom)时,元素脱标,位置不变,但是实际浮动在此位置上,不占位置,并且浮动于普通流之上,需要通过z-index设置为负数浮在标准流(普通流)之下。 设置lrtb时,若没有父元素有定位,则相对于窗口(相对于页面的)进行定位,若存在父元素定位(relative, fixe...原创 2019-04-16 14:03:54 · 315 阅读 · 0 评论 -
display,元素的转换
display:值 none 不显示任何框,并且不占位置,可用来隐藏元素 inline width height margin 都不起作用,只有padding 起作用,但是padding也属于脱标,不占位置,并且层级比其他元素高, 因为脱标,有时候给行内元素设置padding 时,若超出了浏览器的窗口,则看似不起作用。 block 块级元素,独占一行,盒子模型的高宽都会生效 inline-bl...原创 2019-04-16 14:45:05 · 533 阅读 · 0 评论 -
纯css图标制作
暂停图标 .icon { width: 50px; height: 50px; border: 1px solid black; border-radius: 100%; outline: 10px solid red; outline-offset: -26px; //偏移量为width/2 + border } 加号 .icon { ...原创 2019-04-16 15:57:23 · 259 阅读 · 0 评论