前端就业课程学习专栏
关注
分享
扫一扫
文章平均质量分 95
一位搞嵌入式的 genius
不积跬步,无以至千里;
不积小河,无以成江海;
不积代码,无以成高手.
关注我，主页有最细心的专栏教程哟！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
两万块前端就业课程——学习笔记分享（Day_09）
本文系统讲解了前端开发中的CSS核心技术，包括结构伪类选择器、border图形绘制、网络字体、精灵图、标准流与定位等知识点。重点解析了:nth-child()和:nth-of-type()选择器的区别与使用场景，详细演示了利用border属性绘制三角形等图形的技巧，并介绍了网络字体和字体图标的应用方法。在布局方面，深入讲解了标准流特点、相对定位和固定定位的实现原理及典型应用场景。文章还涵盖了精灵图的优化技巧和cursor属性等实用内容，通过大量代码示例帮助理解，为前端开发者提供了全面的CSS技术指南。原创 2025-08-19 15:40:07 · 866 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_08）
本文系统介绍了HTML+CSS开发中的核心知识点，主要包括： CSS进阶技巧 高级元素特性（语义化标签、表单控件样式重置） Emmet高效编码语法（元素生成、属性设置、重复结构） 结构伪类应用（:nth-child、:not等选择器） 盒子模型水平居中方案 列表元素详解 有序/无序/定义列表的语义化使用 列表样式重置与自定义 新闻列表实战开发（排名样式、图标集成） 表格元素应用 表格语义化结构（thead/tbody/tfoot） 单元格合并技术（colspan/rowspan） 股票数据表格案例实现 表单原创 2025-08-18 16:25:29 · 371 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_07）
本文系统讲解了CSS盒子模型中的关键概念，包括margin（外边距）和padding（内边距）的差异与应用场景。重点解析了： margin的垂直折叠现象与解决方案 父子元素间距的padding与margin选择策略 块级元素水平居中的多种实现方法 行内非替换元素的特殊盒子模型表现 box-sizing属性的工作原理与布局优化 outline、阴影等视觉效果的设置技巧 文章通过大量代码示例和对比表格，详细说明了各种布局现象的成因及最佳实践方案，特别强调了"父子用padding，兄弟用margin&q原创 2025-08-17 19:05:30 · 673 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_06）
本文系统讲解了CSS盒子模型及其相关属性的核心知识与实战应用，主要内容包括： 盒子模型基础 四大组成部分：内容区(content)、内边距(padding)、边框(border)、外边距(margin) 浏览器调试技巧：通过开发者工具直观查看盒模型结构 关键属性详解 内容区域：width/height的特性与动态尺寸控制(min/max-width/height) 内边距：padding的设置方式与简写规则(上→右→下→左) 边框：三要素(宽度/样式/颜色)及特殊样式(solid/dashed/dotted原创 2025-08-03 20:54:10 · 950 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_05）
本文深入讲解了CSS选择器的核心概念与应用技巧，主要包含以下内容： 属性选择器：通过[attribute]语法实现精确匹配和模糊匹配，适用于特殊场景但需注意性能优化。 后代选择器：包括空格分隔的"所有后代"和>分隔的"直接子代"，可减少冗余class但需避免过度嵌套。 兄弟选择器：+匹配紧邻兄弟，~匹配所有后续兄弟，常用于表单提示和列表状态联动。 选择器组：交集选择器实现多重条件筛选，并集选择器批量设置样式，需平衡简洁性与可读性。 伪类选择器：重点讲解了动态伪类原创 2025-07-31 11:51:41 · 1250 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_04）
本文系统讲解了前端HTML+CSS阶段的文本与字体属性，聚焦实战开发技巧。核心内容包括：1. 文本属性：text-decoration去除超链接下划线、text-align行内内容对齐（含justify两端对齐）、text-indent首行缩进；2. 字体属性：font-size/family/weight控制字体特征，line-height实现单行垂直居中；3. 选择器进阶：复合/关系选择器精准定位，伪类(:hover)处理交互状态，伪元素(::before)插入内容。重点强调布局原理（如text-ali原创 2025-07-29 22:18:56 · 1011 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_03:续文）
本文系统讲解了前端开发的核心知识点，涵盖CSS基础属性、HTML元素使用、进制转换、颜色表示及浏览器开发工具应用。重点内容包括：1）CSS五大基础属性（font-size、width/height、background-color、color）的用法与特性；2）link元素的三大应用场景（CSS引入、favicon图标、DNS预解析）；3）进制转换原理及在编程中的应用；4）CSS颜色表示方法（十六进制为核心）；5）Chrome开发者工具的高效使用方法；6）浏览器渲染流程的四阶段解析（加载→解析→合成→渲染）原创 2025-07-25 12:11:53 · 719 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_03）
本文分享了前端开发学习笔记Day03的内容，重点讲解了HTML+CSS阶段的核心知识点。文章首先解析了URL与URI的区别，强调URL是URI的子集及其在前端开发中的重要性。其次详细阐述了元素语义化的四大优势（代码维护、团队协作、无障碍访问、SEO优化）及其实现方法。接着介绍了字符编码的发展历程，指出UTF-8成为现代网页开发标准的必然性。然后对比了CSS的三种编写方式（内联、内部、外部样式表）及其适用场景，并强调外部样式表的优势。最后推荐了CSS权威学习资源（W3C、MDN、CanIUse）和高效的CSS原创 2025-07-25 11:54:41 · 981 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_02）
本文系统介绍了HTML与CSS学习中的核心元素与关键知识点。主要内容包括：1. HTML基础元素与语义化标签：重点讲解h1-h6标题、p段落、img图片、a链接、div和span容器等高频元素的使用场景与语义区别，强调语义化标签对SEO和可访问性的重要性。2. 文档结构与元数据配置：详解<!DOCTYPE>、<html>、<head>等文档结构元素，以及meta标签的字符编码、viewport视口等关键配置。3. 元素属性与路径：深入解析img元素的src/alt属性原创 2025-07-24 12:03:07 · 848 阅读 · 0 评论 -
两万块前端就业课程——学习笔记分享（Day_01）
该内容是前端开发入门学习资料，涵盖多方面核心知识。软件开发体系上，介绍软件定义、体系结构及程序员职业相关内容，包括岗位认知、职能划分等。Web 开发方面，讲解网页组成、浏览器内核及网页显示流程。开发实践部分，从用记事本开发第一个网页，到使用 VS Code 工具，介绍 HTML 基础标签、元素属性与嵌套、代码注释等。还包含学习方法，如知识分类、刻意练习，及工具使用如 Markdown 和 VS Code 配置。知识小结明确各知识点重点与易错点。原创 2025-07-23 12:24:00 · 1057 阅读 · 0 评论