qq_41429765的博客

box-sizing的border-box与content-box详解

css实现按钮节流防止按钮在规定时间内重复点击

代码1. 椭圆.oval{width:200px;height:100px;background-color:skyblue;border-radius:100px/50px;}2. 上三角.triangle-up{width:0;height:0;border-right:50pxsolidtransparent;border-bottom:100pxsolids...

背景基本概念CSS filter属性将模糊或颜色偏移等图形效果应用于元素形成滤镜，滤镜通常用于调整图像，背景和边框的渲染。它的值可以为filter函数或使用url添加的svg滤镜。filter:[]*|nonefilter:url(file.svg#filter-element-id)可以用于filter和backdrop-filter属性。它的数据类型由下列过滤器函数之一指定。每个函数需要一个参数，如果参数无效，则滤镜不会生效。以下是对滤镜函数含义的解释...

设置input的placeholder的字体样式 单行和多行文本超出省略号 负边距使用技巧 定位同时设置方位情况 相邻兄弟选择器之常用场景 outline属性的妙用技巧 隐藏滚动条或更改滚动条样式 纯CSS绘制三角形 虚线框绘制技巧 卡券效果制作 隐藏文本的常用两种方法 表格边框合并 1-1. 设置input 的placeholder的字体样式设置input占位符的样式inp...

讲解：HTML 的部分打开 CodePen 编辑器，在 HTML 的部份加入标题。由于它有一个副标题，所以我会用<p>标签去装着它。然后加入一个<div>，id名为iphone，里面新增两个<div>，id分别是hardware和ui；hardware会用来显示 iPhone 的机身和边框，而ui则会显示画面里面的内容。CSS 的部分先定义一些 CSS，让我们更加清楚知道在做什么。加入:root选择器，定义一些变量和样式：...