Web前端Flex布局子元素撑开宽度 在Flex布局中,默认情况下,子元素是不会撑开父元素的。这是因为Flex布局是一种自适应布局,它会根据子元素的大小和比例来自动调整父元素的大小。如果你希望子元素能够撑开父元素,可以通过下面的方法实现。... 09/282,1432
Web前端几个不太常用的CSS选择器 收集一些不常用,但却非常有用的CSS选择器。 * { margin:0; padding:0; } *选择器是选择页面上的全部元素,清除浏览器默认样式的方法。 *选择器也可以应用到子选择器中,例如下面... 02/04135评论
Web前端flex: 1的写法 代码示例: <div class="container"> <div class="div">我是一个div</div> <div class="div"&g... 12/09160评论
Web前端CSS文字加粗不影响整体宽度 通过伪元素处理文字加粗造成整体宽度改变 <html> <head> <title>CSS文字加粗不影响宽度</title> <style type... 05/30332评论
Web前端@media和@media screen和@media only screen用法、做用、区别 网页宽度小于1200象素生效 @media (max-width:1200px){} 屏幕宽度小于1200象素生效 @mdia screen and(max-width:1200px){} 仅屏幕最大... 05/04878评论
Web前端animation动画复合属性 css3中的animation动画复合属性:name(绑定的动画名称) duration(完成时间) timing-function(如何完成一个周期) delay(启动前间隔) iteration-... 10/244431
Web前端CSS 六边形 1、将六边形拆分为一个矩形+二个三角形,利用伪元素after和before来实现; <!--第一种方案:矩形+左右两个三角形来实现--> <div class="one">&l... 09/15172评论
Web前端transition或transform导致元素或容器闪烁抖动 如果发现这些动画导致某些元素或者容器闪烁,抖动时,可以在使用动画属性的元素上(或发生抖动的元素上)添加如下声明: -webkit-backface-visibility: hidden; backfa... 03/14144评论
Web前端最佳 CSS 框架 在构建网站时,使用 CSS 框架是一个实时的节省,因为它为您提供了每个网页设计师和前端开发人员在制作网站时需要的工具。 CSS 框架是一个软件框架,它允许使用 HTML/CSS 进行更简单、更符合标准... 09/306,9163
Web前端CSS实现div的高度随着另一个div的高度改变 给父元素parent设置相对定位,然后给left设置绝对定位,并且left不要高度,top值和bottom值为别为0; parent也不要高度,它的高度是由子元素right撑开,这样就可以实现left... 05/27283评论
Web前端CSS梦幻背景色 纯CSS为背景添加虚幻的圆点。 .revery-bg { background-image: radial-gradient(#fff, rgba(172,36,36,.2) 2px, transpa... 05/2698评论
让A标签(超链接)失效的CSS写法 有时候就是这么古怪,会用到这种效果,没办法,有需求就要解决,让A标签(超链接)失效的CSS写法如下。 a {poorfish:expression(this.onclick=function kill... 02/21Web前端4,2413
Web前端CSS书写规范和顺序 这里网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及个人经验总结出来,对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top,... 03/13794评论
Web前端60个免费和收费的HTML / CSS模板 1. Contour Multipurpose Template [ Demo | Download ] Contour is a unique modern multipurpose templat... 09/062,546评论
Web前端41个免费的响应式HTML / CSS网站模板 Designa Source | Demo zBamboo Source | Demo Portfolio Template Source | Demo Fl... 09/062,227评论