自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 代码生成器(将数据库文件的配置快速生成)

package com.tt;import com.baomidou.mybatisplus.core.exceptions.MybatisPlusException;import com.baomidou.mybatisplus.core.toolkit.StringPool;import com.baomidou.mybatisplus.core.toolkit.StringUtils;import com.baomidou.mybatisplus.generator.AutoGenerat.

2021-11-08 17:13:54 259

原创 Python爬虫

爬虫工具:爬虫的基本流程:代码示例:import requestsfrom bs4 import BeautifulSoupimport pandas as pdbase_url = 'https://www.roseonly.com.cn/list/xianhuameigui.html'# user-agent代理 模拟浏览器请求资源headers = {"User-Agent": "本人电脑User-Agent"}# 连接请求r = requests.get(..

2021-08-24 15:22:12 96

原创 手风琴图片跳转(html、cs、js实现)

点击图片实现跳转,背景图片也随之跳转,类似于拉手风琴代码实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>手风琴效果</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; } ..

2021-08-22 22:46:18 196

原创 时间倒计时(html、cs、js实现)

效果图代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>考研倒计时</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; } html{ font-size: 62.5%;.

2021-08-22 16:59:30 192

原创 密码记事本

每个人的个人信息在线非常重要,密码的复杂程度决定了密码的保密程度,复杂的密码让你的账户信息更加的安全,然而,我们如果所有账户都使用一个密码,一些不法分子将会利用这点,对你的账户信息以及财产进行侵入,所以我们需要多个密码,但是密码多了记不住怎么办?在这个项目中,将创建一个程序来为您生成密码。 你可以生成自己想要几个几位数的密码,并会将密码保存到密码本中。代码实现:import randomprint('''password G...

2021-08-21 11:29:34 154

原创 学生成绩管理系统

模拟一个学生成绩管理系统,使用字典存储学生数据,学生名字作为key,list存储数学、英语、汉语作为值。1、添加学生成绩2、显示学生成绩3、全班同学的平均分4、计算每一科的平均分5、计算每科目最高分的同学6、计算每个同学的平均分并排序7、保存数据到excel文件8、退出系统import xlwt# 添加学生成绩message = {}def add_score(): while True: name = input('名字:') ..

2021-08-21 11:16:39 483

原创 Python解析csv、json文件

python解析csv文件import csv# 文件地址csv_file = 'top250_movie.csv'# 打开文件exampleFile = open(csv_file, encoding='utf-8')# 读取文件exampleReader = csv.reader(exampleFile)exampleData = list(exampleReader)python解析json文件import json# json数据解析import matplotli

2021-08-21 11:10:47 143

原创 Python中的线程(从代码中理解原理)

线程是依赖于进程,一个进程简单理解为一个应用程序每个进程默认都会包含一个主线程线程是程序执行的路径,它可以实现进程并发的多任务处理创建线程:threading.Thread()启动线程: threading.start()代码理解:import threadingimport timedef sleeper(n, name): print('我是{}准备睡觉'.format(name)) time.sleep(n) ...

2021-08-21 11:03:29 115

原创 石头剪刀布游戏(5局3胜)

from random import randintcount = 0p = 0c = 0while (count < 5): player = input('rock (r), paper (p) or scissors (s)? ') while True: if player == 'r': print('你出的是石头,', end=' ') break elif player ...

2021-08-21 11:01:05 4669

原创 Python控制流程语句实现各种小功能(用户身份认证、百分制转换等级制、英寸与厘米的转换、三角形的周长和面积、九九乘法表……)

控制流程语句顺序、分支、循环if语句 分支语句 if……elif……else用户身份认证username = input('请输入用户名:')pwd = input('请输入密码')# 判断用户输入的用户名和密码必须全部匹配# :表示语句的开始{,代码组织通过缩进if username == 'admin' and pwd == '123': print('身份验证成功!')else: print("用户名或者密码不正确")百...

2021-08-16 17:33:17 128

原创 网格布局display: grid;

什么是网格布局是一种强大的CSS布局方案,它将网页划分成一个个网格,可以任意组合的网格(类似excel)网格布局是CSS3的布局系统与弹性布局类似网格可以理解成是二维布局(弹性布局是一维的)可以使用align-item justify-content等属性IE11部分支持display:grid 设置该元素为网格容器display: grid;grid-template-columns: 列宽<!DOCTYPE html&gt...

2021-08-12 22:44:01 29340 1

原创 服务器字体的设置和引入、阿里巴巴矢量库的使用

@font-face { font-family:自定义名字; src: 字体源;}

2021-08-11 14:56:48 716

原创 动画的实现(立方体旋转、钟表旋转、梦幻……)

立方体旋转效果图:代码实现:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>旋转的立方体</title> <style type="text/css"> @keyframes roll{ from{ transform: rotateX(0) rotateY(0) rotateZ(0); ..

2021-08-11 09:18:13 84

原创 轮播图的学习与实现(使用HTML+css实现轮播图)

轮播图原理<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图</title> <style type="text/css"> /* 1、首尾不衔接 2、图片之间停留间隙 */ @keyframes move{ from{ left: 0; } to{ left: -1200px;

2021-08-09 11:19:57 189

原创 动画animation的实现与其全部属性

作用:增加用户体验不推荐过度使用关键帧:keyframes@keyframes 规定动画 animation 所有动画属性的简写属性 animation-name @keyframes动画的名称 animation-duration 动画一个周期持续时间 默认0 animation-delay 动画延迟时间(什么时候开始) 默认0 animation-timing-function 动画速

2021-08-09 10:30:02 109

原创 css3特效:阴影、渐变、过渡、变形、滤镜

阴影(shadow)box-shadow、text-shadow 格式: 阴影:横向偏移量 纵向偏移量 模糊距离 阴影颜色<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>shadow</title> <style type="text/css"> di...

2021-08-08 16:12:52 416

原创 css变量

1、什么是css变量自定义属性的通俗叫法2、如何定义?大小写敏感:root{}:root{ /* --my-color:tomato; --public-width:100px; --zlt-color:gold; */}3、如何使用?p{color:var(--color);}var(c...

2021-08-07 17:37:27 95 1

原创 结构性伪类选择器

nth-childnth-of-type(推荐使用)first-childlast-child<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title结构性伪类选择器></title> <style type="text/css"> *{ margin: 0; padding: 0; list-styl

2021-08-07 17:36:59 83 1

原创 目标选择器

子代选择器 div>p兄弟选择器 div+p同级选择器 div~p属性选择器 [属性名]子代选择器 div>p<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>目标选择器</title> <style type="text/css"> .first>li{ /* 子代选择器 */

2021-08-07 17:34:19 423 1

原创 弹性盒子的属性与使用

目的:1、提供一种更加有效的方式来布局、对齐和分布在容器之间的各项内容,即使他们的大小是未知的变化的。2、让容器有能力改变项目的宽和高,以填满可用空间。3、布局与方向无关4、最适合小规模布局(大规模用网络)属性声明要使用弹性盒模型display:flex/display:index-flex适用于父类元素检索,子类在盒子中的位置(子类的排列顺序)flex-direction:写在父类css中,但是作用于子级值row 横...

2021-08-07 17:26:00 148

原创 怪异盒模型

正常盒模型box-sizing:content-box;怪异盒模型box-sizing:border-box;1、怪异盒模型的border和padding是内嵌的,不增加盒模型面积2、如果内部空间不够,会向外扩展<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>怪异盒模型</title> &lt...

2021-08-06 10:32:07 55

原创 使用css让导航栏在页面顶端固定

在导航栏上给个固定定位:position: fixed;由于固定定位是脱离标准流的,所以,它所固定的位置会遮住了下方内容的一部分。解决方法:内容部分设置margin-top,具体的值为导航的高度。此时内容部分不会被遮住,但导航并非位于网页顶端。解决方法:对导航设置top:0。导航部分 position: fixed;top: 0;内容部分margin-top: 导航高度px;...

2021-08-06 09:58:07 2025

原创 H5新标签,让你的布局更加明了

优势:标签语义化语义化好处:1、如果没有css样式,html结构一目了然2、提高了团队的开发效率3、提升了网页的SEO新的结构标签 头部 <header></header> 底部 <footer></footer> 侧边栏 <aside></aside> 主体 <main></main> 文章 <artic...

2021-08-06 09:48:30 77

原创 图文详解响应式设计

设置viewport写法 作用 width=device-width 设置宽度为屏幕宽度 maximum-scale=1 最大缩放比例为1.0(0.25~10.0) minimum-scale=1 最小缩放比例为1.0(0.25~10.0) user-scalable=no 禁止用户捏合操作 initial-scale=1 初始化的缩放比例 <meta name="viewport" content="width=device-widt

2021-08-06 09:47:05 107

原创 form表单

form表单格式: <form action="" method=""> </form> action:后台地址 method:请求方式: get:会明文展示(拼在网址上)不够安全 更快捷 post:不会明文 更安全 传输内容比较大(比如上传文件)文本输入框type="text" name:给后台传值的描述(key、键)...

2021-08-02 15:08:36 41

原创 表格tr的使用

表格的基本结构表格:table表头:thead表格主题:tbody表格的行:tr表头的列:th表主体的列:td如何使用表格<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style ...

2021-08-02 13:57:53 138

原创 字体样式的设置与使用

字体大小:font-size:默认16px 最小8px字体颜色:color字体粗细 :font-weight :默认600 最新900 最小200字体样式:font-style字体:font-family p{ /* 字体大小:默认16px 最小8px */ font-size: 50px; /* 字体颜色:color */ color: #FF7F50; /* 字体粗细 默认600 最新900 最小200 */ fo

2021-08-02 11:22:27 285

原创 css的定位

相对定位如何设置相对定位?相对定位 : position: relative; 定位位置:相对于元素的初始位置 特点:定位后,原来的位置会保留,不会影响其他元素布局<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style...

2021-07-31 11:53:57 71

原创 css中垂直和水平居中问题的解决

目录垂直居中水平居中块属性元素水平居中:其他属性元素水平居中 :垂直居中单行文本垂直居中: 给父元素设置line-height:父元素高度<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ ...

2021-07-31 11:50:49 68

原创 浮动及常见样式

目录浮动的使用清除浮动影响伪元素设置颜色颜色透明度背景图浮动的使用float元素可以让块属性元素排成一行浮动会让行属性元素支持设置宽高<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &l...

2021-07-29 16:34:49 121

原创 标签的基本内容与使用

目录块属性标签特点:行属性标签行快属性标签行块属性转换三种常用的选择器块属性标签特点:1.独占一行2.支持设置宽高,不设置宽高情况下,高度内容撑开,宽度撑满父容器<body> <!-- 快属性标签 --> <!-- 无意义 最常用 常用来划分区域和布局--> <div>Hello World</div> <!-- 段落:放置文字 --&...

2021-07-29 14:41:59 413

原创 盒模型的理解

Windows:在游览器中按f12或右击检查margin(外边距)- 清除边框外的区域,外边距是透明的 border(边框)- 围绕在内边距和内容外的边框。 padding(内边距)- 清除内容周围的区域,内边距是透明的。 content(中间内容)- 盒子的内容,显示文本和图像。border<style type="text/css"> div{ width: 100px; height: 100px; background-colo...

2021-07-29 10:28:30 56

原创 初识web前端

软件开发岗位介绍1.产品经理:负责产品与客户商定需求2.UI设计师:负责产品外观设计3.前端工程师:负责前端内容开发1.web前端2.Android前端3.ios前端4.后台工程师:负责前端内容开发5.测试:测试产品Bugweb前端能做什么?1.移动端和pc端的网页2.webApp:we...

2021-07-29 09:08:47 76

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除