案例html css
jsp和html的区别
JSP代表JavaServer Pages；它主要用于开发动态网页，文件的扩展名为.jsp。JSP技术允许快速开发并易于维护所述信息丰富的动态网页。JSP网页基于HTML，XML或其他文档类型。他们还需要兼容的Web服务器和servlet容器，例如Apache Tomcat或Jetty，才能运行。 ......
【Javaweb】html frame标签的使用 | 导航栏右侧内容的实现
问题的产生： 是我和同伴做了一个导航栏，但是我们不知道怎么实现右侧内容的切换 然后我们查了很多资料，但是有一些是垂直的，但是就如图可见，我们是水平的，那么怎么实现水平切换呢？ 上网看到了frame标签，于是我们想试一试。 标签详解 示例 <iframe src="http://www.w3schoo ......
mongodb分片优化案例
mongoshell非交互命令 shard优化操作 分片表的设置 1.创建新表的时候设置分片 db.runCommand({shardcollection:"mydb.asset_acceptance_info",key:{_id:'hashed'}}) 2.已经存在的表设置分片 已经有数据的表可以 ......
.Net实现Html保存到照片
本文将使用PuppeteerSharp组件、实现Html代码片段生成Jpg照片 PuppeteerSharp项目地址：https://github.com/hardkoded/puppeteer-sharp 1.安装引用PuppeteerSharp 1.1 使用Nuget界面管理器 搜索 "Pupp ......
HTML的语言规范_基本结构标签和vscode设置
一.语法规范 1.1基本语法概述 HTML标签是由尖括号包围的关键词,列如<html> HTML标签通常是成对出现的,列如<html></html>,这种称之为双标签,标签中的第一个标签是开始标签,第二个标签是结束标签 有些特殊的标签必须是单个标签(极少情况) 比如:<br />,这种称之为单标签 ......
css实现文字的条纹阴影效果
先写下一段文字 添加重复的线性渐变，该渐变倾斜45deg（倾斜角度依需求设置） 上面的为黑色、透明色的渐变，实际上渐变的颜色需要跟文字的背景颜色相同，如果文字的背景色是白色那么渐变的颜色就是白色、透明色，白色用来融入背景，透明色用来显示被遮住的文字，如下: 写下相同的文字，覆盖条纹阴影，调整文字的位 ......
NLP自然语言处理—主题模型LDA案例：挖掘人民网留言板文本数据|附代码数据
全文链接：tecdat.cn/?p=2155 最近我们被客户要求撰写关于主题模型LDA的研究报告，包括一些图形和统计输出。 随着网民规模的不断扩大，互联网不仅是传统媒体和生活方式的补充，也是民意凸显的地带。领导干部参与网络问政的制度化正在成为一种发展趋势，这种趋势与互联网发展的时代需求是分不开的 ▼ ......
HTML学习
HTML Hyper Text Markup Language超文本标记语言 W3C万维网联盟World Wide Web W3C标准包括： 结构化标准语言(HTML,XML) 表现标准语言（CSS） 行为标准（DOM,ECMAScript) 网页基本信息 Ctrl+/注释<!-- --> <!-- ......
Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案
背景 需求是一个能适配主流分辨率的表格，表头固定，表格内容上下滚动 首先尝试的这个原生的标签，但是有个问题啊，就是在循环滚动中，每次滚动之间会出现大片空白。 大概是这样：第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签，选择使用js和原生的html ta ......
css样式基础
标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米</title> <style type="text/css"> #menu{ background: red; height: 80px; } ......
css实现折扇案例
搭建扇子结构 <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12&l ......
css实现一个太极案例
搭建一个太极的盒子 <body> <div></div> </body> 样式（使用 linear-gradient线性渐变；radial-gradient径向渐变） <style> body { background-color: lightcyan; } div { width: 200px; ......
css实现三角形
界面搭建<i></i> 1、右三角形 i { width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid red; } 实现效果： 2、下三角形 i { width: 0; height: 0; borde ......
使用css实现图片轮播功能
功能实现： 先搭建一个用于轮播的容器，水平置入需要轮播的图片，设置图片大小为容器的大小，超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度，这样一个简单的轮播就做好了 废话不多说，世界上案例吧 界面搭建 <body> <div class="swiper-container" ......
css中关于超出显示省略号
1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov ......
HTML
HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01——这是我的第一个入门案例</title> </head> <body> <h1 align="center"> 这是我的第一个HTML入门案例 ......
css笔记
水平布局 这段时间编写静态页面，学习了几种水平布局，其中有不小的差异和注意事项，特此记录汇总一下。 1. display: inline-block 将元素修改为行内块元素，可以在不脱离文档流的情况下实现水平布局，且兼容性极佳。 但是存在元素上下、左右边距不贴合的问题，解决方法如下： 设置父元素fo ......
JavaSE笔记之注解和反射（含案例代码）
一.注解 1. 注解入门 Annotation是从JDK5.0开始引入的新技术 Annotation的作用： 不是程序本身，可以对程序做出解释（这一点和注释（comment）没什么区别） 可以被其他程序（比如：编译器等）读取 Annotation的格式： 注解是以“@注解名”在代码中存在的，还可以添 ......
CSS 媒体查询 @media【详解】
关于媒体查询的一篇好文推荐 https://blog.csdn.net/weixin_41192489/article/details/126028971 ......
MPI转以太网Plus模块Modbus连接两台变频器通信案例
MPI转以太网Plus模块Modbus主站连接两台变频器通信案例MPI转以太网Plus模块连接200PLC无需编程实现Modbus主从站功能与2台变频器modbus通信；以下就是MPI转以太网模块作为modbus主站连接2台modbus从站设备通信案例MPI转以太网Plus模块作为Modbus主站运 ......
兴达易控Modbus转Profinet 网关连接 ACS510 变频器配置案例
案例简介： 该案例为兴达易控Modbus转Profinet网关（XD-MDPN100）将ABB ACS510 变频器接入西门子 1200PLC。需要设备为西门子 PLC1200、ACS510 变频器、兴达易控Modbus转Profinet 网关。 Modbus转Profinet网关配置方法： 打开博 ......
HTML之媒体元素
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>媒体元素测试</title> 6 </head> 7 <body> 8 <!-- 9 src ：资源路径 10 controls：控制条 1 ......
HTML中的下拉框
1 <select name="fruits"> 2 <option value="apple">苹果</option> 3 <option value="banana" selected>香蕉</option> 4 </select> - name 属性，指定数据的名称 - option 标签为下 ......
HTML中表单的基本结构与常用控件
1、form 中 action 的用法 例子： 1 <form action="https://search.jd.com/search"> 2 <input type="text" name="keyword"> 3 <button>去京东买东西</button> 4 </form> action ......
使用Net将HTML简历导出为PDF格式
使用Net将HTML简历导出为PDF格式 现在有许多将HTML导出PDF的第三方包，这里介绍使用的是Select.HtmlToPdf.NetCore 使用Select.HtmlToPdf.NetCore 整体思路是将cshtml内容读出来，然后再转为Pdf文档 读取cshtml内容有两种方法，第一种 ......
【快应用】搭建数据交换的桥梁--不同快应用的数据共享案例
【关键词】 数据交换，签名指纹，快应用 【问题描述】 不同快应用之间的数据交换，调用exchange. get获取数据时出现报错提示，sign参数不填提示202参数错误，sign参数填入发布方快应用的签名证书后，仍是提示200错误，该如何处理？ 接口调用： exchange.get({ packa ......
CSS flex布局-解决最后一行元素对齐问题
justify-content对齐问题 在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。 但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题 .container { display: ......
CSS盒子模型(Box Model)
CSS盒子模型(Box Model) 概念 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用 CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括: 外边距(margin),边框(border),内边距(padding),和实际内容(conte ......
CSS01.认识css
1.什么是CSS？ CSS是用于页面展示的语言 CSS决定了页面长什么样子 2.开发者工具 vscode快捷操作 1、快速复制一行 ctrl+c 然后 ctrl+v 2、选定多个相同的单词 双击选定一个单词然后ctrl+d 3、添加多个光标 ctrl+Alt+上箭头（下箭头） 4、全局替换某写单词 ......