学习笔记

HTML 2024-03-15

HTML 语义化标签

语义化标签让网页结构更清晰，对搜索引擎和屏幕阅读器更友好...

常用语义化标签：

<header> - 页面或区块的头部
<nav> - 导航链接区域
<main> - 主要内容区域
<article> - 独立的文章内容
<section> - 文档中的节或区块
<aside> - 侧边栏内容
<footer> - 页面或区块的底部

<article>
  <header>
    <h1>文章标题</h1>
  </header>
  <p>文章内容...</p>
  <footer>
    <p>作者：张三</p>
  </footer>
</article>

HTML 2024-03-10

表单元素详解

表单是用户与网站交互的重要方式，掌握各种表单元素的使用...

CSS 2024-03-20

Flexbox 布局完全指南

Flexbox 是 CSS 最强大的布局工具之一，让元素排列变得简单...

CSS 2024-03-18

CSS 选择器大全

选择器是 CSS 的核心，不同类型的选择器有不同的用途...

CSS 2024-03-12

盒模型详解

理解盒模型是掌握 CSS 布局的基础，包括 content、padding、border、margin...

JS 2024-03-25

JavaScript 基础入门

JavaScript 是网页的编程语言，让网页具有交互能力...

基础语法：

// 变量声明
let name = '张三';
const age = 25;

// 函数定义
function greet(name) {
  return '你好，' + name;
}

// 箭头函数
const add = (a, b) => a + b;

// 条件语句
if (age >= 18) {
  console.log('成年人');
} else {
  console.log('未成年人');
}

DOM 操作：

document.getElementById()
document.querySelector()
element.addEventListener()
element.classList

小技巧 2024-03-22

VS Code 常用快捷键

熟练使用快捷键能大大提高编码效率，这些是我常用的快捷键...

小技巧 2024-03-08

浏览器开发者工具使用

Chrome 开发者工具是调试网页的利器，掌握它能事半功倍...

HTML 语义化标签

常用语义化标签：

表单元素详解

常用表单元素：

Flexbox 布局完全指南

Flex 容器属性：

Flex 项目属性：

CSS 选择器大全

基础选择器：

组合选择器：

伪类选择器：

盒模型详解

JavaScript 基础入门

基础语法：

DOM 操作：

VS Code 常用快捷键

编辑快捷键：

导航快捷键：

浏览器开发者工具使用

常用面板：

实用技巧：