一句话 网页css
如何使用谷歌浏览器网页长截图
使用 Chrome 浏览器 59 或更高版本chrome://settings/help 进入待截图的网页 按下 F12 快捷键（或鼠标右键 >> 审查元素），调出 Web 开发者工具 按下 Ctrl + Shift + P 快捷键，调出指令执行界面 输入 Capture full size scr ......
3-web前端 css 网页样式语言，基础语言、盒子模型、浮动
html和css的关系： HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图 片、视频等元素，并可以与如JavaScript等其他技术结合使用，实现网页的动态功能。 CSS ......
震惊！对话就能生成网页，前端er又药丸了？
前两天，Vercel突然推出了v0.dev，用户通过语言描述就能生成精美UI页面，小伙伴们惊掉了下巴。。 V0是何方神圣 带着期待的心情对官网https://v0.dev一番摸索的探索，了解到v0是通过AI模型技术生成交互页面，当前官网的交互是基于Shadcn UI和Tailwind CSS，最终生 ......
新的网页数据传输方式填补安全性之大难度
我听说原本的网页数据传输方式不够安全，有一种新的传输方式可以实现传输的数据的安全性。想要通过新的方式来实现安全性有二种方法，一种是在服务端和客户端设置对应的解密或加密技术，这样会让人通过拥有服务端的解密技术来解密数据而无效，就像一个让每个人都可以容易的获得钥匙的锁等于没有对应的功能，一种是在提供认证 ......
API 之 网页版爱心❤表白
{mtitle title="网页版爱心❤表白"/} {lamp/} {lamp/} API：https://www.vvhan.com/other/heart/?vvhan=你的名字 ......
css用absolute解决flex布局下flex-grow:1的情况滚动布局撑开父节点的问题
描述： 因为个人很喜欢flex布局，所以在做某个项目html框架的时候，会有如下这种情况出现 一个很简单的布局，大的盒子下包含了两个子盒子，第一个子盒子的高度固定，现在要让第二个盒子自适应撑满父布局剩下的高度，自然用css很简单实现 设定一个flex，然后grow为1就行 .container1 { ......
CSS MASK
首先看如下效果： 这种效果看起来很赞，可以做出很酷炫的交互，比如图上这种，还有一种就是引导页 经过我阅读作者的文章，原文地址。 发现其实只要使用两个核心CSS样式就能实现这个效果 分别为： 1. backdrop-filter: blur(5px); -webkit-mask: radial-gra ......
介绍一下CSS的盒子模型
CSS的盒子模型有哪些：标准盒子模型、IE盒子模型 CSS的盒子模型区别： 标准盒子模型：margin、border、padding、content IE盒子模型 ：margin、content（ border + padding + content ） 通过CSS如何转换盒子模型： box-siz ......
纯 CSS 实现波浪效果！
纯 CSS 实现波浪效果！ 一直以来，使用纯 CSS 实现波浪效果都是十分困难的。 因为实现波浪的曲线需要借助贝塞尔曲线。 而使用纯 CSS 的方式，实现贝塞尔曲线，额，暂时是没有很好的方法。 当然，借助其他力量（SVG、CANVAS），是可以很轻松的完成所谓的波浪效果的，先看看，非 CSS 方式实 ......
03 CSS快速入门 , 和优势
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学习css</title> <!--规范，<style>写css,每一个声明，最好使用分号结尾--> 选择器{ 声明1; 声明2; 声明3; } <link r ......
02 什么是CSS 和 发展史
  ![](https://img2023.cnblogs.com/blog/3071897/202309/3071... ......
css让某个view/div 定在某一个位置不动
position: absolute 可以定位在某个位置，但是会跟着滚动条的位置而改变。 postion: fixed 可以定位在某个位置，并且也不会跟着滚动条的位置而改变。 postion:fixed left:0px; bottom:0px; 会定位在底部左边位置。比如返回顶部/返回等。 ......
HTML+CSS学习笔记
HTML骨架：（VS Code 可以快速生成骨架：在 HTML 文件（.html）中，!（英文）配合 Enter / Tab 键） html：整个网页 head：网页头部，用来存放给浏览器看的信息，例如 CSS title：网页标题 body：网页主体，用来存放给用户看的信息，例如图片、文字 常用标 ......
CSS重置样式
CSS重置样式，指的是使用CSS来重置浏览器的默认样式。每个浏览器都有一套自己的默认样式，比如在某些浏览器里，<h1>标签的默认字体大小可能是32px，而在其他浏览器里可能是30px。当你使用CSS来重置浏览器的默认样式时，你将能够确保你的网页在所有浏览器中看起来更加一致。 下面是一个常见的CSS重 ......
css 中 color 和 background-color 怎么区分
在CSS中，color和background-color代表了两种不同的样式属性： color：此属性用于设置元素的前景色，即元素内文本的颜色。例如： p { color: red; } 这将使所有<p>标签（段落）内的文本颜色变为红色。 background-color：此属性用于设置元素的背景色 ......
03 网页基本标签
<!--DOCTYPE:告诉浏览器，我们使用的是什么规范 html，， 这是注释 crtl+/ ： 快捷键 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学习标签</title> </head> < ......
下载字典类型后端三句话在做啥?
在后端找一下这个路径 再定位到这个方法(导出文件的时候执行这个方法)，请求参数类都是SysDictType。 自己带的参数?来测!我们搜索用户性别,它就真的只有用户性别给你,为什么?因为这个方法传入SysDictType,接收到的就是筛选条件。 发现这个方法有一个泛型，研究一下 原来是一张表，那么把 ......
一文带你弄懂 CSS 布局知识
大家好，我是树哥。 最近想着学习点前端知识，于是就学习了关于 Web 前端的布局知识，其实就是 CSS 那些事。关于 CSS 其实很早就接触过了，但一直没有沉下心来去学习，所以对于 CSS 布局的东西一直都不成体系。这次趁着重学前端，真正花时间学了一下 CSS 布局的知识点，顺带把知识点总结一下。 ......
css-面试题
1- css中隐藏元素的方法有哪些? display:none; 不显示对应的元素,文档布局中不占控件 visibility:hidden; 隐藏元素,但仍占空间 2- display的值有哪些?分别是什么作用? inline 默认,将元素设为行内元素 block 将元素设为块元素 inline-b ......
JS实现网页录屏
var body = document.body;body.addEventListener("click", async function () { var stream = await navigator.mediaDevices.getDisplayMedia({ video: true }) ......
css做个芒果，哈哈
前几天写border-radius的时候，突然想到了写个芒果 color: #0000; width: 120px; height: 120px; background: #333; /* overflow: hidden; */ border-radius: 50% 340% 127% 256%; ......
界面组件DevExpress WinForms v23.1亮点 - 全新升级HTML & CSS模板
DevExpress WinForms拥有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。DevExpress WinForms能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！ DevExpr ......
分享一个自定义颜色的侧边栏CSS
很简单！ 将以下代码放入站点的 css 即可生效，css 中的颜色可自定义修改 RGB/HEX 的颜色值~ /** 彩色滚动条样式开始 */ ::-webkit-scrollbar { width: 10px; height: 1px; } ::-webkit-scrollbar-thumb { b ......
html css dotted border 边框虚线太密
三角形 /** 正三角 */.triangle { width: 0; height: 0; border-style: solid; border-width: 0 25px 40px 25px; border-color: transparent transparent rgb(245, 129 ......
爬虫爬取网页图片《滕王阁序》文徵明 行草
python爬取网页图片 import urllib.request # python自带的爬操作url的库import re # 正则表达式def getImage(url): headers = { 'User-Agent': 'Mozilla/5.0(linux; android 6.0; N ......
CSS的引入方式
CSS包括选择器和一条多多态声明（样式)CSS引入方式包括内联样式、内部样式和外部样式 1.内联样式：在标签中以属性方式添加style,在属性中用；隔开各个样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
nuxt 去掉第三方css SEO优化
build: { transpile: [/^element-ui/], extractCSS: { allChunks: true }, vendor: ['element-ui'] }, ......
antui-alipay风格的移动网页设计
地址：antui.alipay.com 需要加入的一些js 控制，见https://myjsapi.alipay.com/fe/preset-assets.html 参考代码： <!DOCTYPE html> <!-- A11Y：注意设置页面的 lang 属性 --> <html lang="zh" ......