案例html css
html页面图片浮动置顶
创建一个图片 <div class="fixed-bottom-right" style=" display: flex; position: fixed; top: 80%; right: 0; width: 100px; height: 100px; z-index: 999; transfor ......
css 设置 div等于屏幕的时候直角，小于屏幕圆角
.card { border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 8px); } clamp() clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接 ......
Flask 和pythonweb框架介绍、flask快速使用、登录，显示用户信息小案例、配置文件方式、 路由系统
Flask 和pythonweb框架介绍、flask快速使用、登录，显示用户信息小案例、配置文件方式、 路由系统 Flask 和pythonweb框架介绍 Flask 和pythonweb框架的区别： Django框架： 大而全，内置的app很多，第三方的app很多 Flask框架： 小而精，没有过 ......
闭包的小案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
CSS文本属性（文本颜色、文本对齐、装饰文本、文本缩进、行间距）
本博文介绍CSS中常用的文本属性，包括文本颜色、文本对齐、装饰文本、文本缩进和行间距。 属性 说明 属性值 color 文本颜色 颜色（如red、green）#十六进制（如#ff0000） rgb代码（如rgb(255,0,0)） text-align 文本对齐 left（默认值，左对齐） righ ......
1-HTML
HTML 在我的csdn（https://blog.csdn.net/qq_59609098?spm=1000.2115.3001.5343）中我主要记录了java方面的学习知识，现在换一个平台，主要记录前端知识（后端都有相当全栈的想法，手动滑稽🤭），那么从HTML开始 在说明前端知识之前，我们首 ......
验证码案例|深圳人才网信息安全
为了保障保障用户和企业的安全，有效防止虚假信息和欺诈行为发生，确保招聘信息的真实性和准确性，深圳人才网·掌才易云招聘平台选用了顶象无感验证验证码，作为用户注册登录身份验证的工具，在提高用户使用体验的同时，也有效保障了账户的安全。 ......
1 Flask 和pythonweb框架介绍、2 flask快速使用 、3 登录，显示用户信息小案例、4 配置文件方式 、5 路由系统
1 Flask 和pythonweb框架介绍 # python web框架 ，本质都一样 -django：大而全，内置的app多，第三方app也多 -Flask：小而精，没有过多的内置组件，只完成web框架最基本的功能，需要借助于第三方，完成更丰富的功能 -web.py:是一个小巧灵活的Python ......
Flask 和pythonweb框架介绍、flask快速使用、登录，显示用户信息小案例、配置文件方式、 路由系统
1 Flask 和pythonweb框架介绍 # python web框架 ，本质都一样 -django：大而全，内置的app多，第三方app也多 -Flask：小而精，没有过多的内置组件，只完成web框架最基本的功能，需要借助于第三方，完成更丰富的功能 -web.py:是一个小巧灵活的Python ......
CSS3新增选择器（属性选择器、结构伪类选择器、伪元素选择器）
本博文介绍了CSS3中新增的选择器，包括属性选择器、两类结构伪类选择器和伪元素选择器，并对两类结构伪类选择器进行了比较。 ......
30分钟带你熟练性能优化的那点儿事儿（案例说明）
前言 性能优化是数据库运维人员和中、高级软件开发人员的必备技能，很多时候老司机和新司机的区别就在写出的东西是否优化。 博主接触过近千家客户的系统，这些系统都存在着各种各样的性能问题。那么如何透彻的了解我们的数据库性能问题？今天就用一个案例来说明性能优化的那点儿事儿。 PS:很多技术人员对优化有一套自 ......
看懂CSS属性值定义语法
CSS属性值有专门的一套定义语法，同来表达CSS语法的合法组成。 例如线性渐变的语法为： linear-gradient([ <angle> | to <side-or-corner> ,]? <color-stop-list> ) 如果你不理解CSS的定义语法，那相信是很难阅读上面这串代码的，我们 ......
基于HTML5标准的Web组态编辑器
组态软件指一些数据采集与过程控制的专用软件，Web组态软件是指通过浏览器操作组态工具、浏览组态画面，实现工程管理、组态编辑以及组态运行三大功能。组态编辑器是用来开发组态画面的可视化工具。 ......
css笔记
3.CSS样式 css，专门用来“美化”标签。 基础CSS，写简单页面 & 看懂 & 改。 模块，调整和修改。 3.1 快速了解 <img src="..." style="height:100px" /> <div style="color:red;">中国联通</div> 3.2 CSS应用方式 ......
html笔记
1.1 编码（head） <meta charset="UTF-8"> 1.2 title（head） <head> <meta charset="UTF-8"> <title>我的联通</title> </head> 1.3 标题 <!DOCTYPE html> <html lang="en"> ......
CSS常用样式日常总结(1) - 常用样式集合
1、清除浮动 /*清除浮动*/ .clearfix:after { visibility: hidden; display: block; height: 0; font-size: 0; content: '.'; clear: both; } * html .clearfix { zoom: 1 ......
MybatisPlus——入门案例
MyBatisPlus MyBatisPlus（简称MP）是基于MyBatis框架基础上开发的增强型工具，旨在简化开发、提高效率 开发方式 基于MyBatis使用MyBatisPlus 基于Spring使用MyBatisPlus 基于SpringBoot使用MyBatisPlus SpringBoo ......
若分离HTML与CSS，要记得连接外部CSS文件
使用下列代码即可连接，注意CSS文件名和HTML文件名相同： <link rel="stylesheet" type="text/css" href="文件名.css"> 应放在代码头，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta chars ......
CSS中 设置( 单行、多行 )超出显示省略号
1.设置超出显示省略号 css设置超出显示省略号可分两种情况： 单行文本溢出显示省略号… 多行文本溢出显示省略号… 但使用的核心代码是一样的：需要先使用overflow:hidden;来把超出的部分隐藏，然后使用text-overflow:ellipsis;当文本超出时显示为省略号。 overflo ......
Java异常处理和最佳实践（含案例分析）
读完本文应该了解Java异常处理机制，当一个异常被抛出时，JVM会在当前的方法里寻找一个匹配的处理，如果没有找到，这个方法会强制结束并弹出当前栈帧，并且异常会重新抛给上层调用的方法（在调用方法帧）。 ......
解决更改HTML代码，浏览器打开前端页面却没有改变
问题描述 解决更改HTML代码，浏览器打开前端页面却没有改变 问题解决 第一种方法：重启IDEA（HTML的编辑器） 第二种方法：消除对应浏览器里面Cookie数据（亲测有效！） ......
CSS2
一、CSS基础 1.CSS的编写位置 编写位置有3种 1.1行内元素 <h1 style="color:red;font-size:60px;">欢迎来到尚硅谷学习</h1> 1.2内部样式 <style> h1 { color: red; font-size: 40px; } </style> 1 ......
css样式表的书写规范
在学完css基础后，为了更好的写代码，学习书写规范必不可少，以下是部分规范： 命名空间规范 1.布局：以 g 为命名空间，例如：.g-wrap 、.g-header、.g-content。 2.状态：以 s 为命名空间，表示动态的、具有交互性质的状态，例如：.s-current、s-selected ......
css实践
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or ......
css学习
CSS的原理： 我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。 首先，先看下面一段代码： <!DOCTYPE HTML><html><head><meta http-equiv="Content ......
css选择器语法使用（以selenium为例）
""" 通过css选择器查找元素 """ # 查找类名属性为plant的第一个元素 element = wd.find_element(By.CSS_SELECTOR, ".plant") # 查找tag属性名为div的第一个元素 element = wd.find_element(By.CSS_S ......
CSS选择器优先级（CSS三大特性：层叠性、继承性、优先级）
本博文介绍CSS三大特性之一：优先级。 1 规则 （1）若选择器相同，则执行层叠性（层叠性：给相同的选择器设置相同的样式，则“后来居上”，后面设置的样式会覆盖前面设置的样式）； （2）若选择器不同，则有优先级。 2 选择器权重 常见的选择器权重如下表： 选择器 权重 继承或者*（通配符） 0,0,0 ......
你不得不了解的CSS数据类型
在我之前的开发中，CSS对于我来说，要用什么找什么，对CSS的了解并不算深入；在我刚开始深入学习CSS时，第一个遇到的就是CSS数据类型，我听说过JS、TS的数据类型，CSS怎么也有数据类型？但是随着我对CSS数据类型的了解，CSS的大门也在缓缓为我打开！！！ 什么是CSS数据类型？ 引用《CSS新 ......