一句话 网页css
chrome浏览器网页截图时图片“泛白”“过曝”的解决办法
原因分析 表象原因为系统显示设置里开启了HDR，所以理论上只要关闭HDR就可以解决，但是这种牺牲体验换来的解决办法总会让人纠结。 HDR设置 直接原因是chrome会默认匹配系统的颜色管理，但是由于截图瞬间颜色管理出错，所以出现了颜色显示不对。 解决办法 在chrome地址栏输入chrome://f ......
WebKit Inside: CSS 样式表解码字符集
CSS 样式表引入有3种方式: 外部样式表、内部样式表、行内样式，不同的引入方式，解码样式表的字符集原理不一样。 外部样式表 外部样式表由 link 标签引入，当 WebKit 解析到 link 标签时就会构造 CachedCSSStyleSheet 对象。这个对象持有 CachedResource ......
CSS 样式表引入的3种方式
CSS 全称为层叠样式表(Cascading Style Sheet)，用来定义 HTML 文件最终显示的外观。HTML 文件里引入 CSS 样式有3种方式: 外部样式表、内部样式表、行内样式。 外部样式表 外部样式表通过 link 标签引入: <link rel='stylesheet' type ......
Go每日一库之178：chromedp(一个基于Chrome DevTools协议的库，支持数据采集、截取网页长图)
该库提供了一种简单、高效、可靠的方式来控制Chrome浏览器进行自动化测试和爬取数据。 项目地址：[https://github.com/chromedp/chromedp](https://github.com/chromedp/chromedp) **它可以模拟用户在浏览器中执行各种操作**，* ......
CSS 基础 4 - CSS 常用单位
CSS 基础 4 - CSS 常用单位 px：基础单位 em：相对当前父容器的系数，可以累乘 rem：相对根 <html> 的系数，方便计算 vw/vh：viewport width/height，整个浏览器的大小，取值范围 1-100 如 100vh，占满高度，如果出现滚动条，是因为 body 预 ......
CSS 基础 3 - 定位 Postion 属性
CSS 基础 3 - 定位 Postion 属性 static position 属性的默认值，元素随 HTML 流移动 top/left/right/bottom 属性无效 relative 和 static 类似，元素随 HTML 流移动。区别： 比 static 多了 top/left/rig ......
盒子模型-CSS
/* 内边距 / padding: 20px; / 边框 / border: 20px solid black; / 外边距 */ margin: 50px; /* 实线 / / border: 10px solid #000; / / 虚线 / / border: 10px dashed #000 ......
把一个网页里的内容拿出来塞到当前页面
使用jquery的 $.get 绝对路径$.get("https://xxx.html", function (result) { $("#content").html(result); }); // 相对路径$.get("./xxx.md", function (result) { $("#con ......
显示菜鸟教程的底部文字By.CSS_SELECTOR
cess select 不需要滚动到底部 直接可以获得 test_loc='[href="//www.runoob.com/web/web-buildingprimer.html"]>h4' # 显示底部的文字 # [href="//www.runoob.com/web/web-buildingpr ......
Streamlit：快速构建可视化网页（数据科学必备）
很多算法工程师在完成数据分析、模型训练或者项目总结的时候，往往只能通过ppt汇报，添加数据图表、截图模型实验结果等。如果想提供一个前端演示demo，通常可以搭建flask服务，但是flask需要学习很多前端知识，如css、html等，这又是一个深之又深的坑。那有没有什么工具能够跳过这些模块，直接提供 ......
CSS 基础 1 - Block & Inline
CSS 基础 1 - Block & Inline display: inline/block/inline-block/none/flex/grid; block block 元素独占一行，即使两个元素宽度都小于 50% 也不会左右并排 block 元素可以单独设置 width、height 属性 ......
By.CSS_SELECTOR 定位查找元素 并输出文本
代码 定位到元素后打印出文字 def get_text(self): element=driver.find_element(By.CSS_SELECTOR, "#sidebar_bh [href*='vip']") print(element.text) ......
By.CSS_SELECTOR 伪类选取器
html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS1</title> </head> <body> <div id='div1'> <div id='div2' > <P>这是段落1</p> < ......
By.CSS_SELECTOR 祖宗和后代用空格隔开
element = driver.find_element(By.CSS_SELECTOR, "#div2 input[type='text']") element.send_keys('myname') ......
使用CSS、HTML、JavaScript实现一个简单的身份验证页
这是我在博客园的第一篇博客，也是我人生中的第一篇博客。希望它能够记录我的成长，帮助更多的人。 最近在写我们社团的社团网站，有一个页面不太希望普通访客能访问到,所以想做一个“统一身份验证验证”，但是又苦于社团网站搭建是纯静态站，没法做数据库，只能妥协，将账号密码字符串组写到JavaScript脚本里， ......
By.CSS_SELECTOR
# 导包 from selenium import webdriver from selenium.webdriver.common.by import By from time import sleep from selenium.webdriver.support.ui import WebDr ......
Python爬虫-爬取百度搜索结果页的网页标题及其真实网址
共两个依赖的需提前安装的第三方库：requests和bs4库 cmd命令行输入安装requests库：pip3 install -i https://pypi.douban.com/simple requests 安装bs4库：pip3 install -i https://pypi.douban. ......
实现网页自动刷新
var timeout = prompt(""); var current = location.href; if(timeout>0){ setTimeout('reload()',1000*timeout); }else{ location.replace(current); } functio ......
CSS: width height
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume ......
CSS 入门 - Box Model 盒模型
CSS 入门 - Box Model 盒模型 网页布局：先学习 Box Model，然后 Flexbox/Grid/Float 三选一即可搞定网页布局，推荐 Flexbox！ BOX Model 四大属性：Content、Padding、Border、Margin Content：内容 Border ......
Python 变换单词顺序组成新的一句话
需求描述: 现在给出几个单词需要不断变换单词的顺序组成新的一句话 import itertools import pandas as pd # 定义项目列表 items = ['dog', 'apple', 'China', 'cat', 'pig'] # 生成排列，使用 permutations( ......
uniapp项目实践总结(二十三)网页和小程序应用打包教程
导语：当你的应用程序开发完成后，在发布到互联网之前，需要进行打包操作，包括网页端、小程序端的打包。 目录 准备工作 网页打包 小程序打包 准备工作 在打包之前，请保证你的 uniapp 应用程序编译到网页、小程序是可以正常运行的。 网页打包 编写好应用之后，如需打包到 web 平台，可以选中当前项目 ......
selenium自动化测试-获取网页截图
今天学习下使用selenium自动化测试工具获取网页截图。 1，如果是简单获取当前屏幕截图只需要使用方法： driver.get_screenshot_as_file('screenshot.png') 2，如果想获取完整网页长宽的截图需要设置参数后使用该方法： 首先打开驱动方式设置为无界面显示模式 ......
vue-cli_关于vue-cli打包后多出的js与css文件
平常并没有注意到打包后js与css有多少个文件, 一般而言执行打包命令后就差不多万事大吉, 然后交给后端去完成部署就好了. 但轮到自己亲手为打包文件设置CDN时, 发现, 原来打包出来文件多少还是有区别的. 如下, 是我打包出来的某个项目的文件和自动生成的html文件的引入文件. ├─dist | ......
基于jquery开发的Windows 12网页版
预览 https://win12.gitapp.cn 首页代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="0;url=desktop.html" ......
前端显示数据库中的换行文本：HTML和CSS解决方案
在项目中经常会出现要显示数据库中的大段文本内容，如说明或备注等信息，当其中存储有换行符的时候，前端通常会忽略这个换行，直接在一行显示，那么怎么解决呢？ 解决方案一：使用HTML <br> 标签 HTML的<br>标签是一种简单而直观的方法，它可以将文本中的换行符正确地呈现在浏览器中。 示例代码： < ......
基于CSS实现回到页面顶部的几种写法(从实现到增强)
前面整理了一个JS实现回到顶部的功能，但没有给出具体的界面样式，这次从网上找几个好看的参考，自己动手也实现一下： 效果图如下： 代码如下： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>css arrow< ......
浅谈css的伪元素::after和::before
css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。 但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对伪元素的理解和使用经验。 一、概念： 1.定义 从 ......
vscode vue 插件与 emmet、tailwind css 插件冲突的解决方案
今天使用 vscode 开发 nuxt3 项目，发现在 vue 文件中，emmet 提示功能不可用。 emmet 提示功能，如下图所示： 百度、google一阵子，发现是个全球性存在的问题，是 vue 插件 volar 导致的 vscode 自带的 emmet 提示功能不可用。 如果在vscode中 ......