会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
lomook
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
10
下一页
2025年2月25日
web
摘要: 今天上课学习了html页面的基本结构,知晓了一些标签的用法,一个标准的 HTML 页面主要由 <!DOCTYPE> 声明、 根元素、 元素和 元素组成,是根元素,所有其他的 HTML 元素都必须包含在 标签内, 元素包含了关于 HTML 文档的元数据(如字符编码、页面标题、外部资源链接等),这些信息
阅读全文
posted @ 2025-02-25 12:43 Lomook
阅读(11)
评论(0)
推荐(0)
2025年2月20日
CSS 动画高级特性与 CSS 同 JavaScript 交互
摘要: 今日聚焦于 CSS 动画高级特性与 CSS 同 JavaScript 交互的深入学习,并在项目中综合运用这些知识 详细学习内容 (一)CSS 动画高级特性钻研 关键帧动画复杂应用 多阶段动画构建:学会了在 @keyframes 规则里设定多个关键帧,以此创建更为复杂、细腻的动画效果。比如,制作一个元
阅读全文
posted @ 2025-02-20 19:52 Lomook
阅读(89)
评论(0)
推荐(0)
问题分析2
摘要: 有三问题较为重要(一)批量修改样式时样式未生效问题 问题描述 在使用 JavaScript 批量修改元素样式时,部分样式没有生效。 解决方案 检查发现是样式属性名拼写错误,CSS 属性名在 JavaScript 中使用驼峰命名法,如 background - color 应写成 background
阅读全文
posted @ 2025-02-20 19:50 Lomook
阅读(21)
评论(0)
推荐(0)
CSS 布局性能优化学习
摘要: 今日主要围绕 CSS 布局性能优化展开深入学习,了解了重排和重绘的概念以及触发场景及影响,接着掌握了一系列减少重排和重绘的策略。首先说重排和重绘的概念: 定义理解 重排(Reflow):当 DOM 的变化影响了元素的布局信息(元素的宽高、边距、位置等)时,浏览器需要重新计算元素在视口内的位置和大小,
阅读全文
posted @ 2025-02-20 19:49 Lomook
阅读(103)
评论(0)
推荐(0)
Sass 高级特性
摘要: 今日聚焦于 Sass 高级特性的深度钻研,学习了 Sass 丰富的内置函数,涵盖颜色函数、数学函数、字符串函数等。例如,使用 lighten() 和 darken() 颜色函数对基础颜色进行亮度调整,实现按钮悬停时的颜色变化效果,比如:$primary-color: #007bff; .button
阅读全文
posted @ 2025-02-20 19:44 Lomook
阅读(21)
评论(0)
推荐(0)
问题分析
摘要: 在之前的学习中多次遇到问题遇到其中Sass 编译错误问题和响应式图像显示异常问题以及项目布局在小屏幕设备上重叠问题最为突出 (一)Sass 编译错误问题 问题描述 在使用 Sass 编译时,出现了语法错误提示,但代码看起来并没有明显问题。 解决方案 仔细检查发现是混合器定义中参数的括号使用不当,导致
阅读全文
posted @ 2025-02-20 19:42 Lomook
阅读(20)
评论(0)
推荐(0)
响应式图像和视频处理
摘要: 分为两部分: 响应式图像 srcset 和 sizes 属性:学习了使用 srcset 和 sizes 属性为不同设备提供合适的图像尺寸。srcset 用于指定多个不同分辨率的图像,sizes 用于根据不同的视口宽度选择合适的图像。例如: html 元素:掌握了 元素的使用,它可以根据不同的媒体查询
阅读全文
posted @ 2025-02-20 19:40 Lomook
阅读(12)
评论(0)
推荐(0)
Sass 基础语法
摘要: 学习了Sass 基础语法变量(Variables):深入理解了 Sass 变量的使用。变量以 $ 符号开头,可用于存储颜色、字体大小、间距等常用值。例如: scss $primary-color: #007bff; $font-size-base: 16px; body { color: $prim
阅读全文
posted @ 2025-02-20 19:38 Lomook
阅读(23)
评论(0)
推荐(0)
CSS 网格布局
摘要: 今日围绕 CSS 展开了深入学习,比如CSS网格布局(Grid Layout)学习,分为网格容器属性深化和网格项属性运用。 网格容器属性深化 grid-template-columns 和 grid-template-rows:进一步理解了这两个属性用于精确定义网格的列和行的大小。学习了使用分数单位
阅读全文
posted @ 2025-02-20 19:36 Lomook
阅读(52)
评论(0)
推荐(0)
强化训练
摘要: 在之前的基础上学习了 1.如何设置文本的字体、字号、颜色、对齐方式等样式。使用 font - family 属性可以指定字体,font - size 属性设置字号,color 属性设置文本颜色,text - align 属性控制文本的对齐方式。还了解了如何使用 text - decoration 属
阅读全文
posted @ 2025-02-20 19:34 Lomook
阅读(9)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
10
下一页
公告