2024-11-15 厉飞雨 阅读(241) 评论(0) 赞(15)

<p><a href="https://web.dev/viewport-units/">引用站外地址 原文链接 The large， small， and dynamic viewport units</a><br /> <a href="https://mp.weixin.qq.com/s/...

2024-11-15 厉飞雨 阅读(316) 评论(0) 赞(14)

<p>在逛 codepen 的时候发现一个有意思的 css 羽化项目<br /> <a href="https://codepen.io/xboxyan/pen/ZERZrQw">引用站外地址 css羽化 css 羽化</a></p> <p>原理是使用了 svg 中的 <code&...

2024-11-15 厉飞雨 阅读(234) 评论(0) 赞(17)

<blockquote> <p>文章已同步至掘金：<a href="https://juejin.cn/post/6844903891155288072">https://juejin.cn/post/6844903891155288072</a><br /> 欢迎访问?，有任何问题都可留言评论哦~...

2024-11-15 厉飞雨 阅读(274) 评论(0) 赞(23)

> 文章已同步至掘金：<https://juejin.cn/post/6844903890932989959> > 欢迎访问?，有任何问题都可留言评论哦\~ 盒子模型(Box Model) {#%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B(box-model)} -----------------------------...

2024-11-15 厉飞雨 阅读(279) 评论(0) 赞(14)

<blockquote> <p>文章已同步至掘金：<a href="https://juejin.cn/post/6844903846511116296">https://juejin.cn/post/6844903846511116296</a><br /> 欢迎访问?，有任何问题都可留言评论哦~...

2024-11-15 厉飞雨 阅读(311) 评论(0) 赞(19)

> 文章已同步至掘金：<https://juejin.cn/post/6844903890702303246> > 欢迎访问?，有任何问题都可留言评论哦\~ ### ID选择器 {#id%E9%80%89%E6%8B%A9%E5%99%A8} **用法：** * id 选择器以 "#" 来定义。 * 标签需要使用 id=&q...

2024-11-13 厉飞雨 阅读(311) 评论(0) 赞(22)

<p>掌握下面的基础可以对付几乎所有页面布局需求</p> <p>同时也可以看看 《Head First HTML and CSS》 里面关于 css 的部分</p> <p>HTML CSS JavaScript 解耦</p> <h2>CSS 基础 {#css-基础}</h2> <...

2024-11-13 厉飞雨 阅读(316) 评论(0) 赞(26)

<p>自古以来（是有多古？）～网页CSS的垂直置中需求始终没有停过，而其困难度也始终没有让人轻松过，经过了每位开发先烈们的研究后，据说CSS的垂直置中技巧已达到近十种之多，但始终鲜为人知，部分公司甚至将CSS的垂直置中技巧当成了面试题目，其重要性可见一斑，经过了Amos通灵了一下之后把垂直置中的写法扩增到了23个，今天就让Amos带着大家轻松的了解一下CSS的垂直置...

2024-11-13 厉飞雨 阅读(208) 评论(0) 赞(21)

<p>页面元素的装饰一直是前端工程师的重要工作之一，在这若干样式之中有一个样式较为独特，那就 是圆角属性。在CSS3前或是老版本的浏览器中要想实现圆角属性的难度较大，要么使用图片装 饰，要么使用border的奇淫巧技，无论哪种所需要的时间都是不短的。因此，在CSS3中为了让前 端工程师们减少在这类常见样式上所消耗的时间，W3C正式把圆角属性border­radius...

2024-11-13 厉飞雨 阅读(196) 评论(0) 赞(14)

<p>HTML，CSS，font-family：中文字体的英文名称</p> <br /> <br /> <br /> <p>| 中文名 | 对照名 | css写法 | |-----------|----------...