一句话 网页css
Android——浏览网页——浏览本地html文件
ifest： <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android ......
CSS: Button with Gradient Border
from: https://codepen.io/airen/pen/OaVopb <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, init ......
css
CSS简介 // 结构 + 表现 + 动作 HTML + CSS + JavaScript 如何学习 CSS是什么 CSS怎么用（快速入门） CSS选择器（重点+难点） 美化网页（文字，阴影，超链接，列表，渐变…） 盒子模型 浮动 定位 网页动画（特效效果） 什么是CSS Cascading Sty ......
Python Flask 网页URL路由设置别名(alias) endpoint
前言全局说明 Python Flask 网页URL路由设置别名(alias) endpoint 一、安装flask模块 官方源： pip3 install flask 国内源： pip3 install flask -i http://pypi.douban.com/simple/ --truste ......
记录：将网页文件放到nginx上遇到的一些小问题
系统版本：Centos 7.9 问题一、访问网页出现403错误 403是指没有权限，我的问题是将网页文件放到了另一个用户junlin623的家目录下，那么nginx中的nginx用户是无权访问junlin623的家目录的，所以就会出现这个报错 前置： nginx中的工作进程使用的是nginx用户 可 ......
css: rainbow Border with gradient and radius
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device ......
Python flask 网页版执行shell命令并返回结果['GET', 'POST'] 混合方式
前言全局说明 Python flask 网页版执行shell命令并返回结果 一、需要安装的库 pip3 install flask -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com pip3 install subpro ......
css3 loading特效
一个样式类，一个容器，无须额外元素： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Loading Animation</title> <style> #app { height: 100vh; displ ......
wasm+pygbag让你在网页上也能运行Python代码：【贪吃蛇游戏】
最近小伙伴告诉我一种新的方法，可以使用wasm来使浏览器网页能够运行Python代码。这一下子激起了我的兴趣，因为这意味着用户无需安装Python环境就能直接运行我的demo，这真是太方便了。所以，我们的主要目标今天就是让网页能够直接运行我的贪吃蛇游戏。贪吃蛇游戏其实很简单，因为Python有一个很... ......
uniapp使用css的grid尽量两列列表的显示
先看列表的效果图，是一个2列内容显示的滚动列表 可以看到一行有2列，然后2列中边框的距离是30rpx，中间间距也是30rpx，所以可以通过设置css样式如下： .container { display: grid; grid-template-columns: repeat(auto-fill, c ......
thymeleaf如何引入静态资源文件,外部css文件中引入静态文件,内联css中引入静态资源
引入css和js 开发网页有时候页面上需要引入一些css和js,而开发的页面又很多，需要重复的引入这些文件, 在thymeleaf中可以专门定义一个文件来引入这些文件，然后在其他的页面中统一引入就可以 比如现在我需要引入的 css文件有如下: <link href="./assets/css/fon ......
CSS3的概述
CSS3 是指 Cascading Style Sheets Level 3，是一种用于描述网页样式的标记语言。它可以实现更加丰富、复杂的网页样式效果。下面将介绍 CSS3 的发展历程和主要特性。 CSS3的开发历程可以分为以下几个阶段: 2001-2005年: 起步阶段。在这个阶段，W3C组织开始 ......
Html，Css面试题
常见面试题 1.如何理解HTML语义化 1.容易读懂(增加代码可读性) 2.让搜索引擎容易读懂(SEO) 2.块状元素&内联元素 1.block/table;有 div h1 h2 table ul ol p等 独占一行 2.inline/inline-block;有 span img input ......
css-电脑端点击元素后会存在一个竖线，解决办法如下
css的解决办法： * { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: non ......
css多行省略号
postcss-loader 默认编译的时候，会过滤 -webkit-box-orient: vertical;造成省略不生效。 line-height: 18px; max-height: 40px; font-size: 14px; display: -webkit-box; overflow: ......
在云服务器搭建简单网页hello word!
先获取公网IP地址 登录后 sudo apt install nginx mkdir web # 改为你想要放的地址，记得不能是root目录下 cd web vim index.html # 编辑网页 往里面写入简单的hello word！ <!DOCTYPE html> <html> <head> ......
react打包优化，使用cdn加载第三方库，cdn加速网页
1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 ......
网页CAD中选择图形进行编辑（WEB CAD SDK）
前言 在网页修改DWG，经常会有对图形进行编辑以及对图形的夹点进行编辑的需求，MxCAD提供的在线版CAD提供了这样的功能，效果如下： 功能测试地址：https://demo.mxdraw3d.com:3000/mxcad/ 选择图形编辑功能 mxcad在默认配置下是开启了选择图形的编辑功能, 我们 ......
【CSS】为什么文本信息在Chrome能显示，在IE11上不显示？
问题描述：span上的文本信息在Chrome上能正确显示，但是在IE11上不显示？ 详细配置： <div class='outer'> <div class='inner'> <span>'test text'</span> </div> </div> .outer{ display:flex; } ......
叫板GPT-4的Gemini，我做了一个聊天网页，可图片输入，附教程
先看效果： 简介 Gemini 是谷歌研发的最新一代大语言模型，目前有三个版本，被称为中杯、大杯、超大杯，Gemini Ultra 号称可与GPT-4一较高低： Gemini Nano(预览访问) 为设备端体验而构建的最高效模型,支持离线使用场景。 Gemini Pro（已推出） 性能最佳的模型,具 ......
CSS盒模型
盒模型的组成部分 CSS会把所有的HTML元素都看成一个盒子，所有的样式也是基于这个盒子 内容区（content）:元素中的文本或后代元素都是它的内容 内边距（padding）又称:补白，紧贴内容的补白区域 边框（border）: 盒子的边框 外边距（margin）：盒子与外界的距离，外边距不会影响 ......
CSS(css导入---css选择器）
一、css导入 CSS 是一门语言，用于控制网页表现。之前介绍过W3C标准。W3C标准规定了网页是由以下组成： 结构：HTML 表现：CSS 行为：JavaScript css 导入方式其实就是 css 代码和 html 代码的结合方式。CSS 导入 HTML有三种方式： 内联样式：在标签内部使用s ......
网页在线预览编辑Office，支持doc/docx、xls/xlsx、ppt/pptx、pdf等格式
随着互联网技术的不断发展，越来越多的企业开始采用在线办公模式，微软Office Word 是最好用的文档编辑工具，然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的，如果可以实现Web在线预览编辑OffIce，肯定会还带来了更高效、便捷的办 ......
【一句日历】2024年01月
【2023年1月1日·星期一】 改岁宜新、应时纳祐。从今诸事愿、胜如旧。人生强健，喜一-年入手。 ——摘自王寂《踏莎行·元旦》 【2023年1月2日·星期二】 晨曦被循环往复的时辰唤醒，用玫瑰色的手去打开光明的大门。 ——约翰·弥尔顿 E ......
css实现多余文字隐藏，用省略号代替
.txt{ overflow: hidden; //溢出内容隐藏 white-space: nowrap; //强制文本在一行内显示 text-overflow: ellipsis; //当对象内文本溢出时显示省略标记 } <p class='txt'>经营范围：{{ item.businessSc ......
CSS标签
伪类选择器 <style> /*未访问时候显示的*/ a:link { color: #FF0000; } /* 鼠标移动到链接上 */ a:hover { color: #FF00FF } /* 选定的链接 */ a:active { color: #0000FF } /* 已访问的链接 */ a ......
感觉还是要专业的网页干专业的事情
查找matlab有关的函数，还得是matlab的官网给力 https://ww2.mathworks.cn/help/control/ref/tf.html?searchHighlight=tf&s_tid=srchtitle_support_results_1_tf，内容如下： ......
PC端网页等比例在手机端显示
APP.vue methods: { bodyScale() { let devicewidth = document.documentElement.clientWidth //获取当前分辨率下的可是区域宽度 let scale = devicewidth / 1920 // 分母——设计稿的尺寸 ......
css添加三角指示器
.bar{ ... &:before { top: 100%; left: 24px; border: solid rgba(0, 0, 0, 0); content: ''; height: 0; width: 0; position: absolute; border-top-color: rg ......