![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
钟其源
前端小白
展开
-
CSS实现气泡框,太强了胸弟!!
有个需求,弄一个简单的气泡框,网上大把教程,看下实现后是长什么样子直接贴代码了,没什么好说的,css .content { position: relative; } .my-popover-father { position: absolute; right: 0; z-index: 99; } .collect-title { display: inline-block原创 2020-09-02 16:06:27 · 324 阅读 · 0 评论 -
设置背景透明时里面内容内容模糊(已解决)
我们通常会遇到这种问题,特别是对于我这种前端小白,在导航栏鼠标放上去的时候,设置背景透明,结果里面的文字也变暗了,这是因为子元素的文字继承了父元素的属性了,那怎么办,用伪类设同级元素就好。先贴代码,我的html<div class="head"> <div class="width-keep"> <div class="logo"><原创 2018-05-01 22:07:04 · 2772 阅读 · 0 评论 -
你所不知道css世界的absolute
最近在恶补css的东西,也是和大家分享下position:absolute的巨大用处,先说下大家都很熟的,设置这个属性后,其display计算值就变成block,然后会破坏正常的流特性。现在说一下两个实用性很强的知识点。1.具有相对i特性的无依赖absolute绝对定位一个绝对定位元素,没有设置任何的left/right/top/bottom,而且其祖先元素全部都是非定位元素,其位置会在哪里呢,大...原创 2018-06-21 08:30:00 · 264 阅读 · 0 评论 -
你所不知css世界的BFC
BFC全称为block formatting context,中文为“块级格式化上下文”,请大家记住这个表现原则:如果一个元素具有BFC,内部子元素再怎么翻江倒海,都不会影响外部的元素。所以,BFC元素是不可能发生margin重叠的,因为margin重叠会影响外面的元素的;BFC也可以用来清除浮动的影响。那怎么会触发到BFC呢,1.<html>根元素2.float的值不为none3.o...原创 2018-06-21 10:30:27 · 210 阅读 · 0 评论 -
你所不知css世界的vertical-align
很多人不知道其实vertical-align的属性值支持数值,这在实际开发的时候实用性非常强,主要是它不仅兼容性好而且可以精确控制内联元素的垂直对齐位置,通常vertical-align我们都是设置middle,top等,但是这个有个严重的不足之处,就是垂直对齐的位置是固定的,往往最后并不是我们想要的像素级精确对齐效果。当我们设置vertical-align:middle只能说是近似垂直居中,平时...原创 2018-06-21 13:24:37 · 414 阅读 · 0 评论 -
你所不知道css世界的border属性
border就是边框,但是衍生出来的特性可以解决很多棘手的问题,在图形构建、体验优化以及网页布局作用巨大,同时能保证良好的兼容性和稳定性。1.border-width属性thin:薄薄的,等同于1pxmedium(默认值):薄厚均匀,等同于3pxthick:厚厚的,等同于4px2.利用color计算值作为边框颜色这个可以取代border-color,用来做一些很有用的实践,比如我们在上传图片的时候...原创 2018-06-22 11:05:54 · 424 阅读 · 0 评论