CSS3为web设计增添了许多令人惊叹的特性，这其中你经常会用到box-shadow（图层阴影），border-radius（边框圆角），transform（变形）这一类受欢迎的常用特性。但是还有一些强大的功能，你可能没有接触到，它们就象是埋藏在地下的宝藏，静静等待着你的发掘。W3C正不断致力于为设计师、开发人员和用户开发新的CSS特性，下面我们就来看看你可 …
最新内容
使用css的border边框属性和宽度高度可以实现各种形状的图形，如下：梯形html:<div class="trapezoid"><div>css:*梯形*.trapezoid {width: 80px; height: 0;border: 40px solid #fff;border-top: 0 solid;bo …
本文简介点赞 + 关注 + 收藏 = 学会了阅读本文需要 css 基础。要了解 border-radius 的用法。如果不懂的请先自行查阅 border-radius 的文档。本期要做的特效如下图所示，请耐心看，这是个 gif动图 ：这是一个会动的 div 。公式原理其实很简单，div 原本是方的，只需改成圆形即可。所以我们会用到 border-radius …
线性渐变:CSS3可以让背景产生渐变效果,渐变属性有两种,即linear-gradient(线性渐变)和radial-gradient(圆形渐变),语法如下background: linear-gradient(direction, color-stop1, color-stop2, ...);linear-gradient(渐变方向,色彩1,位置1,色彩2 …
<view class="certificateContent"><view class="certificateName"><view><view class="certificateCode"><view class="code"> …
大家好，我是魏大帅，今天教大家一个装[啤酒]的方法。你说你不懂前端，没关系我教你。打开你的电脑，新建一个txt文档，把我文章最后面的完整代码复制到文档里面，然后把txt文档的后缀名改成.html 就ok啦，你可以直接把这个html文件发给你朋友，说这是哥们我做的，[给力]不！哈哈，前面这段纯属开玩笑的，主要还是给各位前端开发，或者想从事前端开发的帅哥美女们， …
前言之前在介绍css盒子模型的时候，大概讲过边框border，边框border是其中一个重要组成部分。本篇将具体介绍边框的属性， border 属性允许您指定元素边框的样式、宽度、颜色及圆角。CSS 边框样式border-style 边框样式有以下值：dotted - 定义点线边框dashed - 定义虚线边框solid - 定义实线边框double - 定 …
写出简洁优雅的 CSS 代码不仅能提高代码的可维护性，还能减少样式冲突。本文将介绍 8 个实用技巧，帮你提升 CSS 代码质量。1. 善用 CSS 变量，提升代码复用性使用 CSS 变量的好处：集中管理主题色值一处修改，处处生效支持运行时动态修改提高代码可维护性2. 使用 :is() 和 :where() 简化选择器* 之前的写法 *.card h2,.ca …
【中关村在线办公打印频道原创】随着3D打印技术的迅猛发展，体育行业也逐渐迎来这项技术。3D打印是快速成型技术的一种，它是以数字模型文件为基础，运用粉末状金属或塑料等可粘合材料，通过逐层打印的方式来构造物体的技术。持续关注3D打印以及体育行业的人士会发现，主要的体育品牌已经开始使用3D打印技术了，比如耐克推出的3D打印足球鞋、阿迪达斯推出的3D打印概念鞋、新百 …
前言设计是带有主观色彩的，同样网页设计中的 css 一样让人摸不头脑。网上列举的实现方式一大把，或许在这里你都看到过，但既然来到这里我希望这篇能让你看有所收获，毕竟这也是前端面试的基础。实现方式备注：如下页面效果中的灰色方框高度都做了限定为 100 px（即父元素）1、line-height 方式line-height 设置行高，多用于控制多行文本之间的间隔 …