2024-02-21之前我们已经学习了前端的三剑客（HTML、css、JS），今天我们来设计一个博客系统的页面设计，具体设计过程比较长，但是其中如果学会了博客列表页的设计，之后的详情页、登录页、编辑页就是一个复制粘贴的过程，稍微添加点细节就能完成博客系统的设计，重点是博客列表页的设计_个人博客网页设计

https://www.qianduange.cn//article/2388.html 分类：前端知识

2024-02-21使用float属性创建浮动框，将其移动到一边，直到左边缘或右边缘及包含块或另一个浮动框的边缘。选择器 { float: 属性值；注意none代表元素不浮动；left代表元素向左浮动；right 代表元素向右浮动。

https://www.qianduange.cn//article/2387.html 分类：前端知识

2024-02-21过渡属性是css3浓墨重彩的特性，过渡其实就是将元素从一个样式到另一个样式的过程展现出来。可以实现动态的变形效果。

https://www.qianduange.cn//article/2385.html 分类：前端知识

2024-02-21直接用对应的单词body div{color: red;

https://www.qianduange.cn//article/2384.html 分类：前端知识

2024-02-21px是pixel单词的缩写，翻译为像素。像素是影响显示的基本单位。像素单位常见的有三种像素名称：设备像素（也称之为物理像素）；设备独立像素（也称之为逻辑像素）；css像素设备像素，也叫物理像素。设备像素指的是显示器上的真实像素，每个像素的大小是屏幕固有的属性，屏幕出厂以后就不会改变了我们在购买显示器或者手机的时候，提到的设备分辨率就是设备像素的大小比如iPhone X的分辨率 1125x2436，指的就是设备像素设备独立像素，也叫逻辑像素。_css vw

https://www.qianduange.cn//article/2383.html 分类：前端知识

2024-02-20图片像素需进行调整，同一面图片可以使用同一个图片，保持图片像素一致的同时也增加了立体感。第二张02.jpg和2.jpg可以倒着放，这样在程序实现的时候，可以和其他方向的图片一致。利用程序呈现图片，可以俘获一众女生的心，增加音乐可以实现图片变化的同时也带上了想要得到效果，如此一程序实乃众人之喜。css文件是设置图片路径的代码，先命名为css，可以修改，放置路径需和Html文件一致。先在网上爬取想要呈现的美女照片，存放在文件夹img-one，与程序路径一致。先看看程序呈现的效果，还是特别吸引人的。_css 3d旋转的图片球

https://www.qianduange.cn//article/2344.html 分类：前端知识

2024-02-20你评论，我赠书~【TFS-CLUB社区 第9期赠书活动】〖HTML5 css3 JavaScript从入门到精通（微课精编版）〗等你来拿_html5 css3 javascript从入门到精通(微课精编版)(第2版)源码

https://www.qianduange.cn//article/2339.html 分类：前端知识

2024-02-20JavaScript程序代码消息对话框　消息对话框-告警框　消息对话框-确认框　消息对话框-提示框JavaScript注释标识符和变量　命名规范　　1.标识符　　2.关键字　　3.保留字课后练习　网页标题：HTML属性的事件处理器的应用　网页标题：调用外部js文件的JavaScript函数　网页标题：给特定对象指定特定事件处理程序

https://www.qianduange.cn//article/2337.html 分类：前端知识

2024-02-20?网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。?网站程序方面：计划采用最新的网页编程语言HTML5 css3 JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。?网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。?网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

https://www.qianduange.cn//article/2336.html 分类：前端知识

2024-02-20?文章目录二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?css样式代码六、? 如何让学习不再盲目七、?更多干货 ❤ 【作者主页——?获取更多优质源码】 ❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】 ❤ 【web前端期末大作业——??毕设项目精品实战案例】# 一、?‍?网站题目?校园篮球网页设计、⚽足球体育运动、?体育游泳运动、?兵乓球 、?网球、等网站的设计与制作。二、✍️网站描述?️ 大学生校园运动静态HTML网页设计作品，采用DIV C

https://www.qianduange.cn//article/2334.html 分类：前端知识