一句话 网页css
css样式对单行和多行文本的隐藏
在我们日常的网页中，尤其是新闻类的网页会遇到许多类似于这样的样式 多行甚至单行的文本隐藏+上省略号标题。 解决这一办法，需要利用css的样式进行改变 如下代码的演示： 单行文本隐藏: 多行文本隐藏： 主要知识点： 1、单行文本隐藏省略：文本不能换行、超出部分隐藏、超出部分省略 2、多行文本隐藏省略： ......
每日一题：通过css变量来控制主题
1、定义不同主题颜色 :root{ --theme-color: blue; --font-size: 18px;; } html[theme="dark"]{ --theme-color: #000; 2、通过切换html自定义属性来控制主题 <!DOCTYPE html> <html lang= ......
CSS 将div撑满body
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> <style> html, body { height: 100%; margin: 0; overflow: hidden; } .co ......
Spring Boot 访问静态资源css/js
一、前言 我们用 Spring Boot 搭建 Web 应用时（如搭建一个博客），经常需要在 Html 中访问一些静态资源，比如： css 样式； js 脚本； favicon.ico 图标等； 而在 Spring Boot 中如果没有做任何配置，是无法直接访问静态资源的，通常会报 404 错误 二 ......
css的样式
一,css的文本样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
CSS弹性盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
CSS盒子模型
对html 进行封装：包括外边距、边框、内边距和实际内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial ......
自定义滚动条 css
/* 自定义滚动条 css */ .customScrollbar::-webkit-scrollbar{width:10px;height:10px;} .customScrollbar::-webkit-scrollbar-thumb{border-radius: 8px;background- ......
css自定义滚动条
.container { width: 200px; height: 150px; overflow: auto; /* 自动显示滚动条 / -ms-overflow-style: scrollbar; / 在IE上显示自定义滚动条 */ } /* 自定义滚动条的样式 */ .container:: ......
在线直播源码，CSS磨砂玻璃效果和渐变主题色文字
在线直播源码，CSS磨砂玻璃效果和渐变主题色文字 HTML <div class="card"> <h2 class="gradient"> </h2> <div> <p>.welcome{</p> <p class="indent">"CSDN:lqj_本人"</p> <p class="inde ......
新浪微博网页快捷登录
进入新浪微博开放平台，申请网站接入：http://open.weibo.com/connect 申请成功后，账户认证通过是前提， 在我的应用中：http://open.weibo.com/apps 点击应用名称进入详细页： 进入【网站信息】页，可以获取到App Key、App Secret两个参数： ......
网页端QQ登录配置教程
登录到QQ互联平台 https://connect.qq.com/manage.html#/ 回调地址：后台绑定的域名/api/login.php 看这个账号有没有审核，如果没有审核，点击右上方头像，填写资料审核一下，审核通过后。创建一个网站应用，审核通过后，会有KEY和secret，填写到后台整合 ......
网页视频失去焦点自动暂停解决
部分网页的视频失去焦点后会自动暂停。 首先打开F12 ,查看视频的类型，如果是<video>，那么可以使用如下代码： setInterval(function () { var current_video = document.getElementsByTagName('video')[0]; cu ......
CSS常用总结
重置样式 html, body, ul, li, a, p, div { padding: 0; margin: 0; // 设置盒模型 box-sizing: border-box; // 移除移动端特有的点击高亮效果 -webkit-tap-highlight-color: transparen ......
CSS单位
CSS常用长度单位 px：相对长度单位 相对于显示器屏幕分辨率 rem：相对长度单位 对于根元素(即html元素)font-size计算值的倍数 html{ font-size:14px; 那么 14px=1rem 28px=2rem 即：n px=n/14 rem } h3{ font-size= ......
Vue学习笔记（七）：绑定css样式
1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量，然后通过变量v-bind绑定class属性，绑定后的class并不会覆盖原来的class属性，而是与原来的class进行叠加。如 ......
2023年网页内嵌VLC直接播放RTSP视频流，无需服务器转码，支持硬件解码，支持高版本Chome！
2015年之前还可以用VLC原生播放器在Chrome、Firefox等浏览器中直接播放，延迟比较低，效果也还不错。可惜好景不长，从 2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持，海康威视官方提供的 web3.0开发包也只能在低版本浏览器播放。 而猿大师播放器是目前来说 ......
VBA获取网页文本内容
Function GetHttpText(Url As String) With CreateObject("WinHttp.WinHttpRequest.5.1") .Open "Get", Url, False .Send GetHttpText = .ResponseText End With ......
CSS关系选择性
选择性的选择器有后代选择器、子代选择器、相邻选择器和通用兄弟选择器 1.后代选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w ......
css
目录 1. 介绍css 2. CSS语法 3. CSS注释 4. CSS中的颜色值 5. CSS长度单位 6. html引入CSS的三种方法 6.1 行内样式（内联样式） 6.2 内嵌样式 6.3 外部样式 7. 选择器 7.1 标签选择器 7.2 类选择器 7.3 ID选择器 7.4 通配所有元素 ......
css字体样式
1.font-style 设置字体样式 属性值： normal：指定⽂本字体样式为正常的字体 italic：指定⽂本字体样式为斜体。 2.文字字体 font-family 只能引用系统自带的字体样式，如果需要其他别的字体，需要从外部下载调用 引用外部字体 网站：https://font.chinaz ......
在 Less 中使用与 Less 内置函数同名的原生 CSS 函数
参考资料 calc() - CSS：层叠样式表 | MDN Getting started - Escaping | Less.js Using The CSS Function calc() Inside The LESS CSS Preprocessor 问题描述 在原生 CSS 中有以下的函数 ......
Zabbix监控web网页登录
1.web监控需求 以zabbix-UI页面的登录监控，模拟登录，输入账号密码，实现首页的健康监控。 1. 模拟登录输入zabbix账号密码，登录后台，如果登录失败就报警 2. 基于响应状态码判断 非200即报警 2.配置步骤 2.1 抓取HTTP数据包 既然是模拟登录，先抓包，查看zabbix登录 ......
chrome浏览器显示网页字体不正常，需要放大150% 显示正常
软件环境:windows7 64位、chrome109.0.5414.120。 故障现象:chrome浏览器，浏览百度、淘宝等网站总是需要把显示分辩率放大150%，然后显示正常。 解决方案:下载windows7 kb2670838补丁安装后，重启电脑，打开chrome浏览器浏览网页显示正常。 ......
css中的字体样式
一.字体的样式 font-style:"normal" 正常 font-style:"italic"斜体 二.字体的粗细 font-weight:"bold/bolder"; bold是粗体 font-weight:400; 400, 500为正常 500<为粗体 >400为细体 三.字体的家庭 f ......
css的认知与样式
# 1.介绍 ## 目录 - [1. 介绍](#1-介绍) - [2. CSS语法](#2-CSS语法) - [3. CSS注释](#3-CSS注释) - [4. CSS中的颜色值](#4-CSS中的颜色值) - [5. CSS长度单位](#5-CSS长度单位) - [6. html引入CSS的三种 ......
Windows下双击图标自动打开网页
功能实现步骤 创建一个快捷方式，右键点击桌面上的空白区域，选择“新建”->“快捷方式”。 在弹出的“创建快捷方式”对话框中，输入你想要打开的网站的URL，例如 https://www.bing.com/?mkt=zh-cn&mkt=zh-CN ，然后点击“下一步”。 输入快捷方式的名称，例如 “我的 ......
CSS，position: relative用法
展示图如下： 使左边区域固定展示，不受子域名的影响，所以要使用相对定位position: relative 相对定位一般使用父级菜单 绝对定位使用如下： 绝对定位一般使用子级菜单 position: absolute 悬浮遮盖其余位置 ......
80、90童年回忆之小霸王游戏机网页版
前言 在如今快节奏的生活中，我们常常追逐着最新潮流，迷失了曾经的经典与回忆。现在，有一种游戏机能够带你回到小时候，让你重温那些令人难以忘怀的游戏时光，这就是小霸王游戏机！ 作为 80 年代和 90 年代最受欢迎的游戏机之一，它陪伴了整整一代人的成长。 本文介绍小霸王游戏机网页版架设教程，魂斗罗、马里 ......