- 博客(5)
- 收藏
- 关注
原创 web前端开发基础——CSS基本知识(四)
CSS3新特性摘要:CSS3引入了多种新特性增强网页设计效果。border-radius可创建圆角,支持1-4值设置不同圆角;box-shadow添加阴影效果,控制位置、模糊度和颜色;@keyframes实现动画效果,可定义关键帧样式变化;媒体查询根据设备尺寸适配不同样式;雪碧图将多个图标合并减少HTTP请求;字体图标(如iconfont)解决图片失真问题,支持CSS样式控制。这些特性提升了网页视觉效果、响应速度和开发效率。
2025-07-19 11:34:43
701
原创 web前端开发基础——CSS基本知识(三)
本文系统介绍了CSS核心布局机制:盒子模型、弹性盒模型、文档流与浮动、定位等概念。盒子模型详解了内容(content)、内边距(padding)、边框(border)和外边距(margin)的结构;弹性盒模型重点讲解了flex容器(flex-direction/justify-content/align-items)和子项(flex)属性;文档流部分分析了标准流局限性和浮动(float)带来的问题及清除浮动(clear/overflow/伪元素)方案;定位(position)章节涵盖相对(relative)
2025-07-18 18:19:22
1200
原创 web前端开发基础——CSS基本知识(二)
CSS样式属性详解 本文系统介绍了CSS中常用的字体、背景、文本和表格属性。字体属性包括color、font-size、font-weight等,用于控制文本样式;背景属性涵盖background-color、background-image等,设置元素背景效果;文本属性如text-align、text-decoration等调整文本布局和装饰;表格属性则用于美化表格边框、对齐方式等。文章还讲解了后代选择器、子代选择器等四种关系选择器的使用方法。通过示例代码展示了各属性的具体应用,帮助开发者快速掌握CSS样
2025-07-06 17:39:02
1469
原创 web前端开发基础——CSS基本知识(一)
CSS(层叠样式表)是用于定义HTML元素样式的语言,主要包含选择器和样式声明两部分。CSS有内联、内部和外部三种引入方式,其中外部样式表最推荐使用。选择器包括全局、元素、类和ID选择器,优先级从高到低为:内联样式>ID选择器>类选择器>元素选择器。合并选择器可减少代码重复,提高效率。
2025-07-02 10:42:38
835
原创 Web 前端开发基础
本文系统介绍了Web前端开发基础知识与技术体系。第一部分概述前端开发的职责与核心价值,分析其与后端的协作关系及三大基础技术(HTML、CSS、JavaScript)的作用。第二部分详细讲解HTML文档结构、常用标签、表单元素和HTML5新特性。第三部分解析CSS选择器、盒模型、布局方式及CSS3动画效果。第四部分阐述JavaScript基础语法、DOM操作和事件处理机制。第五部分推荐开发工具与环境配置,包括代码编辑器、调试技巧和Git版本控制。文章还对比了jQuery与主流框架(React/Vue),介绍响
2025-06-28 22:55:14
1325
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅