零基础学前端HTML+CSS教程
网页的本质就是超级文本标记语言HTML，我们这套课程从基础语法入门，讲解了HTML的常用标签，表单，排版等实用技术，同时深入讲解了CSS样式表的使用和如何使用DIV CSS设计网页布局。同时还介绍CSS3.0的新特性，阴影，圆角边框等实用案例。
课程目标
掌握HTML使用和CSS的使用
适合人群
0基础人群
相关分享
0
喜欢
bl
blog.delphij.net
/
2026-05-17 14:50
CSS 中的标点悬挂及其现状
本文从中文网页排版中一个容易被忽略的细节切入，解释了标点悬挂如何通过让行首或行尾标点略微越出文本边界，改善段落视觉对齐与阅读体验。
文章不仅介绍了 hanging-punctuation 的 CSS 语法和取值，还用 Safari 与 Chrome 的显示差异说明标准实现与现实兼容性之间的落差。它的价值不在于提供复杂方案，而在于提醒前端开发者：中文排版质量并不只取决于字号、行高和字体，标点、对齐边界和浏览器实现同样会影响最终阅读体验。
对于做内容站、博客、出版类页面或重视中文阅读体验的产品团队，这是一篇短小但有启发性的技术观察。
无图
0
喜欢
zh
www.zhangxinxu.com
/
2026-05-07 14:28
如何使用CSS判断鼠标从哪个方向进入元素？
使用CSS绘制的一个人脸后，如果我希望如果用户鼠标从上面进入，表情变成哭丧脸；从下方进入，变成笑脸，该如何实现？
无图
1
喜欢
zh
www.zhangxinxu.com
/
2024-11-02 16:22
时隔两年，Chrome也支持round等CSS数学函数了
本文介绍了CSS中的数学函数 `round()` 的新应用，它能实现多种取整方式，如上舍、下舍、四舍五入等，用于提升样式的精确控制。特别是在字体大小、动画步阶和响应式设计中，`round()` 可防止小数值带来的渲染偏差，使界面更一致。这一函数现已在Chrome中支持，为开发者提供了更灵活的布局工具。
无图
1
喜欢
zh
www.zhangxinxu.com
/
2024-09-09 23:40
如何使用纯CSS鉴别是不是Safari浏览器
如何通过纯 CSS 来判断是否为 Safari 浏览器？本文介绍了多种实用技巧和 @supports 规则的使用，帮助开发者轻松检测并处理 Safari 特有的样式兼容性问题。无论是桌面还是 iOS Safari，本文都有详细的解决方案！
无图
1
喜欢
zh
www.zhangxinxu.com
/
2024-03-12 22:39
HTML MicroData微数据结构简介
MicroData微数据相关的知识适用于对SEO非常重视的产品，且主要针对谷歌、微软、雅虎等国外的搜索引擎，适用场景较为小众，因此，本文内容大致了解下即可。
所谓微数据，就是在原有的HTML元素基础上，通过设置若干专门给机器识别的HTML属性，让搜索引擎可以更好地理解这一块的数据。在具体展开介绍之前，有必要先介绍https://schema.org/这个网站，准确说这是一个开源协作的社区组织，由谷歌、微软、雅虎和Yandex创建，致力于在互联网、网页、电子邮件等平台上创建、维护和推广结构化数据的模式。
无图
0
喜欢
zg
zgq.ink
/
2024-01-17 23:20
Web App: 从 HTML 到 Jamstack
Web 领域已发展得十分庞杂，就知识规模来说已不是你我一个人可以穷尽。从 Web 前后端开发角度来看，前端当下正流行着 Next.js、Remix 等 SSR 方案、以及 React 后续继续开发的 Server Component 等等；后端方面则搞出了“云原生”相关的一整套技术生态，各路轮子百花齐放，一不留神就容易沉迷其中而难以自拔。
对于开发者来说，越来越重要的事情也是，放下“穷尽一切”的执念，寻找属于自己的一隅落脚之地。在学习精力、时间有限的背景下，关注点也需要开始区分优先级，关于哪些技术细节值得关注，哪些其实不必花太多时间。
在这寻找落脚之地的旅程中，对事物发展的脉络有一个大致的把握，也变得越来越重要。大致也是需要搞清楚，当前 Web 技术大概发展到了什么样的程度，当下有什么问题正在被解决，哪些技术又可能成为历史包袱被淘汰。
想起我自初中开始接触编程至今，冥冥中伴随着 HTML5 技术从萌芽到成熟的过程，当下 HTML5 已融入我们生活方方面面，乃至于已向客户端开发领域进一步扩展。也许可以就我的所见所想，简单理一理其中经历的一些比较关键的形态，也让我对接下来时间精力大概可以投向的方向有所感知。至于技术细节，网络上有着丰富的资料，这里就不再赘述。
无图
1
喜欢
zg
zgq.ink
/
2023-11-29 23:36
Web App: 从 HTML 到 Jamstack
Web 领域已发展得十分庞杂，就知识规模来说已不是你我一个人可以穷尽。从 Web 前后端开发角度来看，前端当下正流行着 Next.js、Remix 等 SSR 方案、以及 React 后续继续开发的 Server Component 等等；后端方面则搞出了“云原生”相关的一整套技术生态，各路轮子百花齐放，一不留神就容易沉迷其中而难以自拔。
对于开发者来说，越来越重要的事情也是，放下“穷尽一切”的执念，寻找属于自己的一隅落脚之地。在学习精力、时间有限的背景下，关注点也需要开始区分优先级，关于哪些技术细节值得关注，哪些其实不必花太多时间。
无图
1
喜欢
zh
www.zhangxinxu.com
/
2023-02-12 14:01
CSS fixed固定定位transofrm失效及居中小技巧
介绍个我认为最好的固定居中定位的CSS实现，以及展示transform内fixed固定定位失效的解决方法，你说不定哪天就会用到。
无图
1
喜欢
zh
www.zhangxinxu.com
/
2022-12-24 23:31
Tips: 使用CSS逻辑属性简化我们的书写
原本以为CSS逻辑属性只能在对称布局这样少见的场景中才有用武之地，最近发现，CSS逻辑属性还有简写的作用，这可牛逼坏了~
无图
1
喜欢
in
insights.thoughtworks.cn
/
2022-09-08 17:45
整洁架构之CSS
虽然开发工具早已经从 preprocessor 进化到了 styled component，但在我看来新的工具并没有让我们的样式代码写的更好，只是更快——也可能会让代码坏的更快。工具的繁荣并没有让那些导致代码难以维护的根本问题烟消云散，而是更易让我们对其视而不见。这篇文章旨在回答一个问题：为什么样式代码难以写对，它的陷阱究竟在哪里？
无图