- 博客(55)
- 收藏
- 关注
RSS订阅原创 《生活资讯网》项目的那些事儿！
文章目录一、项目介绍二、项目架构图三、具体页面部分模块制作1.首页轮播图部分2.首页图片部分总结一、项目介绍生活资讯网是一款发布生活资讯新闻的网站。主要为人们提供各类生活资讯，如饮食健康、生活常识、美容养生等全面广阔的内容，本站可以让您能轻易找到您想要的各类生活知识。二、项目架构图架构图是为了让我们理清思路，了解这个项目需要作什么。三、具体页面部分模块制作1.首页轮播图部分轮播图效果：自己切换图片。点击图片左右两侧的侧三角尖可以切换。点击图片底部的小圆点也可以切换。效果
2021-10-11 09:19:00
210
3
原创 CSS:hover，兄弟伪类，相对于父元素的伪类的两种情况（看过了就是赚到）
项目场景：这篇博客是在做《生活资讯网》项目是遇到的一个问题。问题描述：我们有时候会对一个元素使用:link :visited :hover :active选择器，设置它们的样式：或者通过这个元素来对另外一个元素设置样式。这个项目里面就用到一个元素去设置另外一个元素的样式但是根据正常的css写法，它实现不了效果。正常情况下： /*当鼠标滑过a标签的时候，标签颜色变为蓝色*/ a:hover{ color:bule } 原因分析：提示：这里填写问题的分析
2021-10-09 23:55:28
2865
2
原创 前端面试题：如何让元素水平垂直居中？
文章目录前言一、行内元素1.行内元素特征2.行内水平垂直居中二、块元素1.块状元素特征2.块状元素水平垂直居中总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、行内元素行内元素最常使用的就是<span>，其他的只在特定功能下使用，修饰字体<b>和<i>标签，还有<sub>和<
2021-09-26 16:13:10
1005
26
原创 移动WEB开发之响应式布局
文章目录前言一、响应式开发原理1.1 响应式开发原理1.2 响应式布局容器2.1Bootstrap简介2.2bootstrap优点2.3版本简介2.4bootstrap基本使用2.5bootstrap布局容器2.6bootstrap栅格系统总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。一、响应式开发原理1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式
2021-09-17 16:12:23
743
14
原创 移动WEB开发之rem布局
文章目录一、rem基础二、媒体查询1.概念2.语法规范三、less 基础1.less的使用2.less的嵌套3.less的运算四、rem适配方案总结# 每篇一言为了实现强大的屏幕适配布局，在移动端和pc端自由切换。我们今天来学习rem布局相关的知识。一、rem基础1.rem (root em)是一个相对单位，类似于em，em是父元素字体大小。2.不同的是rem的基准是相对于html元素的字体大小。3.rem的优势：父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个页
2021-09-17 10:06:41
369
13
原创 3秒钟，教你玩转CSS3动画
文章目录小声嘀咕中——勿扰一、CSS3 的动画基础知识1.CSS3 转换2.CSS3动画是什么？二、CSS3 的动画效果展示区1.3D骰子动画2.西游记四人行小声嘀咕中——勿扰 如今CSS3的动画，JS都能实现，而且提倡的是HTML、CSS、JS三者分离，交互这些东西都可以有JS来实现。那我们CSS3 的动画的意义何在？是不是都没有学习的必要了？那肯定，你懂得。下面：一、CSS3 的动画基础知识1.CSS3 转换 A.2D转换 -2D 转换是改变标签在二维平面上的位置和形
2021-08-27 17:33:44
527
26
原创 《品优购电商项目》
文章目录一、《品优购电商项目》二、项目具体分析1.精灵图的使用 A、概念作用 B、具体使用2.导航模块的制作 A、用到的知识点 B、具体使用总结一、《品优购电商项目》 品优购网上商城是一个综合性的 B2B2C 平台，类似京东商城、天猫商城。网站采用商家入驻的模式，商家入驻平台提交申请，有平台进行资质审核，审核通过后，商家拥有独立的管理后台录入商品信息。商品经过平台审核后即可发布。 通过本阶段的学习我们需要实现品优购网上商城网站前台的部分页面。包括品优购网站首页、品优购商品列表页，商
2021-08-16 17:09:42
1495
4
原创 css3——过渡transition
学习目标：掌握css3过度transition一、什么是过渡：通过 css3 可以在不使用 flash 动画或 javascript 的情况下，为元素从一种样式变换为另一种样式时添加过渡效果。css3 过渡就是元素从一种样式逐渐改变为另一种的效果，需要确定两点： 1. 需要添加效果的 css 属性 2. 效果的时长二、学习总结：transition:过度属性(all) 过度完成时间 缓冲描述 延迟时间;属性名词解释:1.过度属性--------可以直接写all2.
2021-08-09 17:09:47
224
1
原创 学习笔记-----css几种定位总结
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-08-05 11:12:56
193
1
原创 学习笔记-----css浮动总结
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、CSS浮动概念二、css浮动2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、CSS浮动概念1.浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。2.由于浮动框不在文档的普通流中，所以文档的普通流中的块
2021-08-04 16:22:05
314
1
原创 HTML学习笔记总结
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-08-04 11:07:47
214
4
原创 《摄影项目总结》
项目场景：网页重要logo，在页面固定位置显示。问题描述： 如何在网站的左右两边固定显示logo的图片？ 原因分析：提示：这里填写问题的分析：例如：Handler 发送消息有两种方式，分别是 Handler.obtainMessage()和 Handler.sendMessage()，其中 obtainMessage 方式当数据量过大时，由于 MessageQuene 大小也有限，所以当 me
2021-08-02 10:42:00
305
2
原创 学习笔记----CSS框模型总结
文章目录前言一、CSS是什么？二、CSS 框模型概述1.CSS 框模型概述2.框模型：CSS 内边距3.框模型：CSS 边框4.框模型：CSS 外边距5.框模型：CSS 外边距合并总结前言 CSS已经发展得非常成功了，甚至像HTML一样成功！尽管有时候它的确令人难以掌控。现在无论是在浏览器还是应用商店，甚至聊天客户端，CSS都无处不在并且没有任何消退的迹象。随着这门语言的应用愈加广泛，其能力也在不断增强。提示：以下是
2021-07-30 17:00:28
488
9
原创 简单的二、八、十、十六进制转换
各进制的概念二进制二进制（binary）是在数学和数字电路中指以2为基数的记数系统，是以2为基数代表系统的二进位制。八进制八进制，Octal，缩写OCT或O，一种以8为基数的计数法，采用0，1，2，3，4，5，6，7八个数字，逢八进1。一些编程语言中常常以数字0开始表明该数字是八进制。八进制的数和二进制数可以按位对应（八进制一位对应二进制三位），因此常应用在计算机语言中。十进制600，3/5，-7.99……看着这些耳熟能详的数字，你有没有想太多呢？其实这都是全世界通用的十进制，即1.满
2021-07-17 11:10:20
2943
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人