网站首页 css mdn

• 

  一个高级CSS面试题:在CSS中实现if-else

  我的一个朋友在最近的一次面试中遇到了一个有趣的CSS面试问题。当我第一次看到这个问题时，我认为这是一个常见的CSS问题。然而，经过仔细研究，我发现了这个问题的有趣部分。面试题：请用CSS实现如下效果：页面上有一些数字显示文章阅读的数量。...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  HTML跳转到页面指定位置的几种方法

  前言有时候，我们想阅读页面中某段精彩的内容，但由于页面太长，用户需要自己滚动页面，查找起来非常麻烦，很容易让人失去继续往下阅读的兴趣。这样体验非常不好，所以我们可以想办法实现点击某段文字或者图片跳转到页面指定位置，方便用户的阅读。一、...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  Web前端自学之路

  第一个阶段，网页重构阶段这个阶段的主要目标是用HTML和CSS这两项技术还原UI设计师的UI设计稿。在做项目时，一般是由UI设计师用Photoshop设计好页面，利用Photoshop的功能切好我们做页面要用的图形，并用像素大厨等工具标注好...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  小白学CSS总结的BFC模式解决父级高度塌陷问题

  学前端已经有一段时间了，最近在对前端基础知识做一个梳理总结，今天联系页面的时候遇到了一个浮动元素造成父级高度塌陷的问题，为了弄清楚这个问题，我也是好一番查资料，原来MDN上专门介绍过解决这个问题的办法，下面我就来分享一下我个人的心得。首先，...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  网站建设:从新手到高手

  现代化网站应用领域非常广泛，从个人形象网站展示、企业商业网站运作、到政府公益等服务网站，各行各业都需要网站建设。大体上可以归结四类：宣传型网站设计、产品型网站制作、电子商务型网站建设、定制型功能网站开发。如何做好网站建设呢？无论你是网站建设...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  Web Components 系列(五)——关于 Templates

  前言在之前介绍创建CustomElements的代码中，有一个地方是比较繁琐的：ShadowDOM中的每个子元素都是通过document.createElement方法创建的。就像下面这样的：那到底有没有方法能简化这一步操作呢...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  2021年响应式排版大小和比例指南

  您网站设计的真正响应能力不仅仅是一个可扩展到每个设备的框架，它还要求排版调整到最佳可读性。响应式排版将进行调整，以便文本元素也会改变网站上的大小和比例。虽然这是技术上的答案，但还有一种更重要的设计方法同样重要，因为仅更改文本元素的大小并不总...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  用CSS写出来的马里奥?成功把box-shadow玩坏了

  用CSS画个马里奥？box-shadow的邪道用法~如果要在网页上画一个像素风的小图标，你都有什么思路呢？用Canvas也好，单独制作svg也好，感觉办法有的是。那如果把方法限定在只能用CSS呢？可能你没想过，用box-...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  每个Web开发人员都应该知道的七个CSS核心概念

  在本文中，我将介绍7个关于CSS的核心概念，它们将帮助您了解发生了什么（即使是一点点）。到目前为止，很多人不知道CSS是如何工作的，不过这已经不是什么秘密了，尤其是当你第一次接触CSS时。很难弄清楚为什么一个元素位于某个位置，或者为...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  清明节各大网站实现变灰效果(一行代码搞定)

  4.4日清明节大家可以看到很多很多网站包括主页和内容也都已经变成了灰色，比如百度、掘金、思否、CSDN等等。思否CSDN大家可以看到全站的内容都变成灰色了，包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢？有人会以为所有的内容都统...

  2024-11-24 hmc789 技术文章 2 ℃