冰涿 - 博客园

2025年12月20日

摘要： less文件 //1.定义变量 @myColor:red; //2.使用变量 div{ color: @myColor; } p{ background-color: @myColor; } a{ color: @myColor; } css文件 div { color: red; } p { ba 阅读全文

posted @ 2025-12-20 21:33 冰涿阅读(3) 评论(0) 推荐(0)

Day35less--嵌套

摘要： less文件 .father{ color: red; .son{ width: 200px; } a{ color: green; /* &表示的是当前选择器，代码写到谁的大括号里就代表谁作用是在原有的基础上不会生成后代选择器应用：配合hover伪类或者nth-child使用 */ &:hov 阅读全文

posted @ 2025-12-20 20:38 冰涿阅读(4) 评论(0) 推荐(0)

Day35less--简介与注释

摘要： less简介： less当中的注释: 注：css文件中不识别less文件之中的单行注释，即在less中用单行注释不会出现在对应的css文件当中阅读全文

posted @ 2025-12-20 17:00 冰涿阅读(2) 评论(0) 推荐(0)

2025年12月19日

Day34rem配合flexible布局

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>rem适配</ti 阅读全文

posted @ 2025-12-19 15:36 冰涿阅读(3) 评论(0) 推荐(0)

Day34媒体查询配合rem

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>媒体查询</tit 阅读全文

posted @ 2025-12-19 15:17 冰涿阅读(2) 评论(0) 推荐(0)

2025年12月18日

Day33rem简介与基本使用

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>rem的基本使用< 阅读全文

posted @ 2025-12-18 23:37 冰涿阅读(2) 评论(0) 推荐(0)

Day33PC与移动端的适配方案简介

摘要：即PC端一般用宽度适配，移动端用等比适配阅读全文

posted @ 2025-12-18 21:18 冰涿阅读(3) 评论(0) 推荐(0)

Day33分辨率与视口与二倍图使用方法

摘要：分辨率：在制作网页时，无论是PC端还是移动端都要以逻辑分辨率为准比较经典的手机分辨率视口： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!-- 视口标签，规定HTML的尺寸：让HTML的宽度 = 逻辑分辨率的宽阅读全文

posted @ 2025-12-18 17:22 冰涿阅读(4) 评论(0) 推荐(0)

Day33综合案例--全民出游

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="style 阅读全文

posted @ 2025-12-18 13:39 冰涿阅读(4) 评论(0) 推荐(0)

2025年12月16日

Day32精灵动画与多组动画

摘要：精灵动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>精灵动画阅读全文

posted @ 2025-12-16 22:28 冰涿阅读(4) 评论(0) 推荐(0)

bingzhuo