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

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

2024-11-13 厉飞雨 阅读(25) 评论(0) 赞(4)

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

2024-11-13 厉飞雨 阅读(29) 评论(0) 赞(4)

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

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

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

2024-11-13 厉飞雨 阅读(20) 评论(0) 赞(3)

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

2024-11-13 厉飞雨 阅读(28) 评论(0) 赞(4)

<h2>CSS list-style-type 属性</h2> <p>list-style-type，是指在CSS中，不管是有序列表还是无序列表，都统一使用list-style-type属性来定义列表项符号。</p> <p><strong>语法：</strong></p> <p...

2024-11-13 厉飞雨 阅读(29) 评论(0) 赞(6)

<h2>CSS 链接</h2> <p>在写这篇文章之前，只是知道有链接的不同状态下的样式这东西的存在，并未去认真了解过的链接的不同状态可以有不同的样式。</p> <p>能够设置链接样式的 CSS 属性有很多种（例如 color, font-size, background 等等）。</p> <p>...

2024-11-13 厉飞雨 阅读(29) 评论(0) 赞(1)

<h2>背景</h2> <p>这篇文章定义了 HTML 和 CSS 的格式和代码规范，旨在提高代码质量和协作效率。</p> <h2>通用样式规范</h2> <h2>协议</h2> <p>省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），...

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

<blockquote> <p>在网页制作的过程中，少不了跟路径打交道，比如，包含一个文件，插入一个图片等，与路径都有关系，如果使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。</p> <p>作为初学者的我，有时会感到困惑「(°ヘ°)，这路径什么鬼Σ (ﾟДﾟ;) ，怎么写的啊(⊙_⊙)?，&l...

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

<p>CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：</p> <ol> <li>使用Reset但并非全局Reset</li> </ol> <hr /> <p>不同浏览...