dk123sw的博客

先看一个例子box-shadow: 2px 3px 4px rgba(0,0,0,.5);(1) 以该元素相同的尺寸1和位置，画一个rgba(0,0,0,.5) 的矩形。（之后称这个矩形为盒子）(2) 把它向右移2px，向下移3px。(3) 使用高斯模糊算法（或类似算法）将它进行4px 的模糊处理。这在本质上表示在阴影边缘发生阴影色和纯透明色之间的颜色过渡长度近似于模糊...

参考《CSS揭秘》形状部分CSS揭秘pdf百度网盘链接提取码: yg3v圆（椭）圆、半（椭）圆、1/4（椭）圆 宽高相等，显示为圆；宽高不等，显示为椭圆border-radius: 10px 5px / 7px 10px 3px;// 使用（/）单独指定水平和垂直半径;斜杠两侧值类似margin、padding用法,分别设置左上、右上、右下、左下圆：borde...

需求 设置一个小于宽度的边框方式1使用嵌套的两个元素，在子元素中设置边框以模仿一个小于宽度的效果<div style="width: 100px; display: flex; justify-content: center; background: tan"> <div style="width: 80px; border-bottom: 1px solid b...

（好吧，直接跑后面代码看注解来了解最简单）选择器类选择器（Class selectors）通过设置元素的 class 属性，可以为元素指定类名。类名由开发者自己指定。文档中的多个元素可以拥有同一个类名。在写样式表时，类选择器是以英文句号（.）开头的。ID选择器（ID selectors）通过设置元素的 id 属性为该元素制定ID。ID名由开发者指定。每个ID在文档中必须是唯一的。在写样式表时，ID...

总结的几种水平居中和垂直居中方法。先上效果：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Position&lt;/title&gt; &lt;link rel="styleshe

限制单行overflow:hidden;text-overflow:ellipsis;white-space:nowrap;限制多行overflow:hidden;text-overflow:ellipsis;display:-webkit-box;white-space:pre-wrap;-webkit-box-orient:vertical;-w...