女朋友要我教她CSS，我就写了这一篇长文，感动哭了？

最新推荐文章于 2021-02-16 15:24:17 发布
最新推荐文章于 2021-02-16 15:24:17 发布
阅读量9.8k 收藏 299
点赞数 128
分类专栏： 「秋招清单」前端の心路历程 小狮子前端Vue进阶小册 文章标签： html css jquery node.js reactjs
原则上允许部分内容转载，转载请注明原文章地址！
本文链接：https://blog.csdn.net/weixin_42429718/article/details/106173596
版权
本文作者以教女朋友CSS为切入点，深入浅出地讲解了HTML基础知识，包括元素、DOCTYPE、HTML5特性等。接着详细探讨了CSS的核心概念，如选择器权重、布局方式、动画原理及预处理器。文中还涵盖了许多面试真题，旨在帮助读者巩固和提升CSS技能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

写作背景

女朋友要我教她CSS，于是我就折腾了一周，终于完成了这篇长文…

然后，然后？然后当我发布这篇文章的时候，她会感动到哭吗？

熟悉HTML知识

HTML常见元素

head 部分

body部分

doctype的意义是什么

  • 让浏览器以标准模式渲染
  • 让浏览器知道元素的合法性

HTML、XHTML、HTML5的关系

<
了解本专栏 订阅专栏 解锁全文 超级会员免费看
【白嫖党】如何把前端学好？看完这篇，直呼：太强了！（历经半个月之作）
超逸の学习技术博客
04-04 2万+
很少有文章做到将知识形成一个体系，于是需要翻阅很多资料，但这篇文章做到了！共34815字数。
html+css+js精美页面，送女友
01-14
本资源内含多个页面，有精美的动态页面、暗藏多个小游戏，富含情感音乐，一定会感动到女友。(建议用谷歌浏览器打开)
css 背景效果_软件技术：我写CSS的常用套路(附demo的效果实现与源码）
weixin_39577908的博客
11-20 695
前言本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。1、交错动画有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢？注意到CSS动画有延迟(delay)这一属性。举个栗子，...
HTML——哄女朋友的相册模板
weixin_622464的博客
11-12 6229
HTML5、CSS3和jQuery这3大前端开发技术已经越来越成熟，而且这三者的紧密结合使得开发者可以有越来越丰富的想象空间。今天我们要来分享一些非常炫酷的HTML5相册动画应用，这些应用同时也结合了CSS3和jQuery，特别是第一个，非常具有创意，一起来看看吧。 1、HTML5 3D立体美女墙相册 HTML5非常强大，尤其是和CSS3结合，有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用，它可以用鼠标多拽从多个角度浏览相册图片，点击图片，就可以放大图片
用CSS制作大背景网站，以及80个大背景图片网站。
weixin_34205076的博客
01-05 1542
用CSS制作大背景网站 As the monitor resolution and internet speed is advancing, it seems like more and more designers use over-sized photo or illustrated image as the website’s background. Large background...
用html和css为女朋友做了个幸福摩天轮，她很开心，我很骄傲
huangfuyk.的博客
04-27 1万+
幸福摩天轮，够爱你就来
计算机专业如何高质量的走完大学四年?毕业成为Offer收割机
热门推荐
启舰
12-18 2万+
前言：迷茫本就是青春该有的模样，但不要让未来的你讨厌现在的自己。 "就要毕业了。 回头看自己所谓的大学生活， 我想哭，不是因为离别，而是因为什么都没学到。 我不知，简历该怎么写，若是以往我会让它空白。 最大的收获也许是……对什么都没有的忍耐和适应……" 这是一个大四同学给李开复的信，这封来信道出了不少大三、大四学生的心声。大学期间，有许多学生放任自己、虚度光阴，还有许多学生始...
腾讯
weixin_34387468的博客
01-25 7824
腾讯求职干货目录1.公司介绍 腾讯简介 2.校招介绍 2.1腾讯2014校园招聘介绍 2.2腾讯校园招聘流程 2.3腾讯校园宣讲会现场直击 3.HR答疑 3.1腾讯校园招聘FAQ 4.薪酬待遇 4.1腾讯薪酬待遇 5.笔试经验 5.1腾讯笔经 5.2腾讯笔经 5.3腾讯用户研究/交互设计笔试题目回忆版 5.4腾讯游戏策划笔试 5.5腾讯产品笔经 5.6腾讯业务类笔经 6.面...
2014校园招聘_腾讯2014校园招聘
小硒---代码无疆
01-01 1万+
目录： 1、腾讯201 4 校园招聘简介 2、讯招聘常见问题解答 3、腾讯职业发展&薪酬待遇 4、腾讯校园招聘笔试经验 4.1 腾讯用户研究/ 交互设计笔试题目回忆版（杭州）-2012.10.17  4.2 腾讯广州场笔经-2012.10.8    4.3 腾讯西安笔经-2012.9.25    4.4 腾讯2013软件开发笔试真题  4.5 腾讯产品笔经（广州）-2013.
【春招&实习&秋招】前端学习の优质资料整理&心路历程（已上岸）
超逸の学习技术博客
06-29 7706
引言 CSS篇 JS篇 追梦子：彻底理解 JS 中 this 的指向 追梦子：JavaScript中call,apply,bind方法的总结 计算机网络篇 神三元：(建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系 神三元：(建议收藏）TCP协议灵魂之问，巩固你的网路底层基础 浏览器篇 神三元：(1.6w字）浏览器灵魂之问，请问你能接得住几个？ 数据结构与算法篇 awesome-coding-js：用JS玩转数据结构与算法 ConardLi：前端该如何准备数据结构和算法？ 源码篇 心路历程 / 大佬
【前端】那些容易忘掉的前端知识 Vue梳理篇
超逸の学习技术博客
05-05 6063
面试官：你居然还可以这样回答？
【建议前端必刷】 用 js 刷LeetCode 算法专题（全）
超逸の学习技术博客
08-04 4839
写作初心 提问：为什么要学习数据结构和算法？ 如果你能明确这个问题的答案，just do it ！直接跳过后面内容，开始刷题就好了。 解决问题的思想 计算机只是一个很冰冷的机器，你给他下发什么样的指令，它就能作出什么样的反应。 而开发工程师要做的是如何把实际的问题转化成计算机的指令，如何转化，来看看《数据结构》的经典说法： 设计出数据结构， 在施加以算法就行了。 所以，很重要的一点，数据结构和算法对建立解决问题的思想非常重要。 如果说 Java 是自动档轿车，C 就是手动档吉普。数据结构呢？是变速箱的
Vue 技术栈 手写响应式原理 到 探索设计模式
超逸の学习技术博客
03-08 3672
我们学习知识并不只是为了应付面试那种程度，对于面试应该作为我们的最低要求。这里就体现了数据安全思想，前端程序员或许考虑的没有Java程序员多，甚至没有为变量想过某个变量设置不可修改。由于工作的需要，我们也要努力提升自己的代码质量！让自己的职业生涯更加辉煌！
小狮子前端Vue进阶小册 开通食用指北
超逸の学习技术博客
07-05 3521
☀️小狮子前端Vue进阶小册 食堂开饭啦 ????前端下饭厨师长の自我介绍 大家好，我是 Chocolate，计算机领域的 ycy，CSDN博客专家，平常习惯就是写博客，总结所学知识，因为我觉得计算机领域知识特别多，并且更新速度很快，今天才学的东西明天就更新换代都是可能的，并且知识如果不长期巩固是容易遗忘的，写博客总结就是一个很好的输入输出过程。 考虑了许久之后，还是申请了这个专栏。与其说是专栏，我还是更喜欢叫它小册，因为我更想让它成为一本书籍。那么你食用这本小册能够学到什么？ ????小册介绍 本小册用于
写给零基础的前端算法入门指南，acmer带女友刷80+【递归与回溯篇】｜牛气冲天新年征文
超逸の学习技术博客
02-16 3430
前言 各位小伙伴们新年好呀，时隔一周，俺又回来更新文章啦！在上一篇发出去之后，虽然没有得到很多的阅读量，但是后面几篇文章还是得要更新出来，我想总能够帮助一小部分人咯~ 现在和大家分享一下我们是如何准备算法这一块的，春招即将开启，还能最后准备一下，希望对大家有所帮助。 原本打算通过一篇文章介绍一下，推荐一下自己的刷题方式和刷题路线，得到一些伙伴的反馈：最好还是更加详细，面向零基础，小白这些，还有github访问速度也是一方面问题，可能图片都加载不出来。 因此，我打算分模块出几期文章，这样你只用通过首发在.
（近5w字）面向小白のVue全家桶开发电商管理系统项目总结文档
超逸の学习技术博客
07-05 2484
（近5w字）面向小白のVue全家桶开发电商管理系统项目，挖掘项目亮点，提供学习地址。
「查漏补缺」Vue2.0 源码重写『数据劫持』【面试必备】
超逸の学习技术博客
10-11 2471
前言 学习源码的目标是学习其中的设计思路，在工作业务中就可利用这些思路编写我们的项目。 初始化及环境搭建 创建一个 vueDemo文件夹，初始化 npm npm init -y webpack安装 初始化我们需要 webpack 环境，执行下面代码： npm install webpack webpack-cli webpack-server 入口文件 然后，在项目根目录下创建 webpack.config.js 文件，配置一下入口文件，如下： module.exports = { // 配置入口
某跳动面试官：说说微信扫码登录背后的实现原理？
超逸の学习技术博客
10-09 2271
引言 这个问题我是在今年8月份的时候被问到过，当时一脸懵，当面试官一提出这个问题，我当场回答这个没接触过，可能不知道。面试官笑了笑：这是一个设计题，如果你原本就会的话，我就不会要你来设计了。 我：（苦笑…）凭借三寸不烂之舌和面试官讨论了起来，说完之后信心满满，但结果反手就收到了一份正式地感谢信。 当时，面试官问你还有什么想要问我的吗？ 我请教了这个问题，面试官回答说，你其实也猜到了一点，但是我想要的那个逻辑你没理清楚，然后吧啦吧啦引导了一下，告知可以待会学习一下，这个也挺多人讨论的。 直到今天，又收到了.
想学ESP8266？看一篇文就够了！快速学习ESP8266各功能 万字长文内含示例代码
最新发布
01-12
### 关于ESP8266的全面学习资料 #### ESP8266简介与功能详解 ESP8266是一款专为物联网(IoT)设计的Wi-Fi模块，具备强大的网络连接能力。此款微控制器不仅支持TCP/IP协议栈还提供了一系列用于处理字符串的API接口以及最佳实践指导[^1]。 对于基于ESP8266的应用开发而言，理解其内置函数库至关重要。这些库涵盖了从基本的数据类型定义到复杂的网络编程等多个方面： - **字符串操作**：包括创建、复制、拼接等常见任务； - **内存管理**：动态分配和释放堆空间的方法； - **串口通讯**：通过UART与其他设备交换数据的技术细节； - **网络安全特性**：确保传输过程中的信息安全措施； - **性能调优技巧**：提高应用程序运行效率的方式； - **错误恢复机制**：当遇到意外情况时如何优雅地应对并恢复正常服务； 以上各项内容均能在官方文档中找到详尽描述，并配有实际案例供参考学习。 #### 示例代码展示 为了更好地掌握上述知识点，在这里给出一段简单的Python风格伪代码来说明怎样利用ESP8266发送HTTP请求获取网页内容: ```python import urequests as requests # 导入轻量级http客户端库 def fetch_webpage(url): try: response = requests.get(url) # 发送GET请求至指定URL if response.status_code == 200: # 如果状态码表示成功，则打印页面主体部分 print(response.text) response.close() # 记得关闭连接以节省资源 except Exception as e: print(f"Error occurred while fetching webpage: {e}") ``` 这段代码展示了如何使用`urequests`这个专门为MicroPython环境定制的小型化版本requests库来进行标准HTTP GET请求的操作流程。它能够有效地简化原本较为繁琐的过程，让开发者可以更专注于业务逻辑本身而不是底层实现。 另外，还有更多实用的例子可以在开源项目【ESP8266-Demos】里发现，该项目包含了多个不同场景下的具体实施方案，非常适合用来加深理解和练习技能[^2]。
评论 93
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一百个Chocolate

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值