Flex布局子元素撑开宽度 Web前端

Flex布局子元素撑开宽度

在Flex布局中,默认情况下,子元素是不会撑开父元素的。这是因为Flex布局是一种自适应布局,它会根据子元素的大小和比例来自动调整父元素的大小。如果你希望子元素能够撑开父元素,可以通过下面的方法实现。...
几个不太常用的CSS选择器 Web前端

几个不太常用的CSS选择器

收集一些不常用,但却非常有用的CSS选择器。 * { margin:0; padding:0; } *选择器是选择页面上的全部元素,清除浏览器默认样式的方法。 *选择器也可以应用到子选择器中,例如下面...
animation动画复合属性 Web前端

animation动画复合属性

css3中的animation动画复合属性:name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-...
CSS 六边形 Web前端

CSS 六边形

1、将六边形拆分为一个矩形+二个三角形,利用伪元素after和before来实现; <!--第一种方案:矩形+左右两个三角形来实现--> <div class="one">&l...
最佳 CSS 框架 Web前端

最佳 CSS 框架

在构建网站时,使用 CSS 框架是一个实时的节省,因为它为您提供了每个网页设计师和前端开发人员在制作网站时需要的工具。 CSS 框架是一个软件框架,它允许使用 HTML/CSS 进行更简单、更符合标准...
CSS梦幻背景色 Web前端

CSS梦幻背景色

纯CSS为背景添加虚幻的圆点。 .revery-bg { background-image: radial-gradient(#fff, rgba(172,36,36,.2) 2px, transpa...

让A标签(超链接)失效的CSS写法

有时候就是这么古怪,会用到这种效果,没办法,有需求就要解决,让A标签(超链接)失效的CSS写法如下。 a {poorfish:expression(this.onclick=function kill...
CSS书写规范和顺序 Web前端

CSS书写规范和顺序

这里网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及个人经验总结出来,对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top,...