- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端基础学习记录笔记（手机端实现）
摘要：本文介绍了移动端适配的两种方案：1）vw布局通过pxtovw插件转换设计稿px值；2）rem布局需加载匹配设计稿尺寸的JS文件。详细讲解了CSS过渡效果的属性设置（动画类型、持续时间等）和2D变换效果（平移/旋转/缩放/倾斜）。最后介绍了响应式布局的核心实现方法，通过@media媒体查询匹配不同屏幕尺寸，并强调所有图片必须设置尺寸。文章包含具体代码示例，展示不同过渡动画效果和响应式样式变化。
2025-08-12 19:22:52
278
原创 前端基础学习记录笔记（CSS3）
CSS3选择器与布局系统详解：本文系统介绍了CSS3的核心选择器（层级选择器、属性选择器、伪类选择器）和现代布局技术（弹性盒、网格布局）。重点包括：1）6种层级选择器（子集/兄弟选择器等）的语法和应用；2）7种属性选择器的匹配规则；3）伪类选择器的分类（结构性/UI状态/目标等）；4）弹性盒布局的容器与项目属性配置；5）网格布局的行列划分方法（fr单位、repeat函数等）。同时涵盖阴影、渐变、边框特效等CSS3新特性，并提供了浏览器兼容方案。通过典型代码示例，展示了如何实现响应式页面布局和复杂样式控制。
2025-08-12 19:22:29
804
原创 前端基础学习记录笔记（HTML5）
HTML5语法要点：1)文件扩展名支持.html/.htm；2)DOCTYPE声明不区分大小写；3)属性值可用单/双引号；4)部分标签可省略结束标记。新增语义化标签如header/footer/nav等，以及多媒体标签audio/video，支持controls/loop/autoplay等属性。智能表单新增input类型：color/tel/search等，并增加placeholder/autofocus/required等新属性。示例代码展示了音频、视频播放以及表单控件的使用方法，包括数字输入的范围控制
2025-08-12 19:21:59
286
原创 前端基础学习记录笔记（CSS）
本文系统介绍了CSS样式表的基础知识与应用技巧。主要内容包括：1）CSS三种引入方式（行内、页内、外链）及其权重规则；2）基础选择器（通配符、标签、类、ID等）与复合选择器的使用及权重计算；3）常用文本样式属性（字体、对齐、间距等）和盒模型属性（边框、背景、定位等）；4）浮动与定位布局的实现方法；5）响应式设计技巧（宽高自适应、溢出处理等）。文章通过丰富代码示例，详细解析了CSS样式控制的核心概念，包括选择器优先级、盒模型组成、元素类型转换等关键知识点，为前端开发提供了实用的样式设计指南。
2025-08-12 19:21:02
877
1
原创 前端基础学习记录笔记（HTML）
本文介绍了HTML的基础知识，包括文档结构声明、常用标签和属性。主要内容有：1）HTML文档基本结构，包含<!DOCTYPE>声明、<html>、<head>和<body>等核心标签；2）常用文本格式化标签如<h1>-<h6>、<b>、<i>等；3）列表标签（有序/无序/自定义列表）；4）图片、链接和表单等交互元素的使用方法；5）特殊字符表示方法。文章详细说明了各标签的属性和应用场景，如<img>的s
2025-08-12 19:20:18
347
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人