效果html css

jsp和html的区别

JSP代表JavaServer Pages;它主要用于开发动态网页,文件的扩展名为.jsp。JSP技术允许快速开发并易于维护所述信息丰富的动态网页。JSP网页基于HTML,XML或其他文档类型。他们还需要兼容的Web服务器和servlet容器,例如Apache Tomcat或Jetty,才能运行。 ......
html jsp

【Javaweb】html frame标签的使用 | 导航栏右侧内容的实现

问题的产生: 是我和同伴做了一个导航栏,但是我们不知道怎么实现右侧内容的切换 然后我们查了很多资料,但是有一些是垂直的,但是就如图可见,我们是水平的,那么怎么实现水平切换呢? 上网看到了frame标签,于是我们想试一试。 标签详解 示例 <iframe src="http://www.w3schoo ......
右侧 Javaweb 标签 内容 frame

.Net实现Html保存到照片

本文将使用PuppeteerSharp组件、实现Html代码片段生成Jpg照片 PuppeteerSharp项目地址:https://github.com/hardkoded/puppeteer-sharp 1.安装引用PuppeteerSharp 1.1 使用Nuget界面管理器 搜索 "Pupp ......
照片 Html Net

HTML的语言规范_基本结构标签和vscode设置

一.语法规范 1.1基本语法概述 HTML标签是由尖括号包围的关键词,列如<html> HTML标签通常是成对出现的,列如<html></html>,这种称之为双标签,标签中的第一个标签是开始标签,第二个标签是结束标签 有些特殊的标签必须是单个标签(极少情况) 比如:<br />,这种称之为单标签 ......
语言 结构 标签 vscode HTML

css实现文字的条纹阴影效果

先写下一段文字 添加重复的线性渐变,该渐变倾斜45deg(倾斜角度依需求设置) 上面的为黑色、透明色的渐变,实际上渐变的颜色需要跟文字的背景颜色相同,如果文字的背景色是白色那么渐变的颜色就是白色、透明色,白色用来融入背景,透明色用来显示被遮住的文字,如下: 写下相同的文字,覆盖条纹阴影,调整文字的位 ......
条纹 阴影 效果 文字 css

HTML学习

HTML Hyper Text Markup Language超文本标记语言 W3C万维网联盟World Wide Web W3C标准包括: 结构化标准语言(HTML,XML) 表现标准语言(CSS) 行为标准(DOM,ECMAScript) 网页基本信息 Ctrl+/注释<!-- --> <!-- ......
HTML

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

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

css实现一个太极案例

搭建一个太极的盒子 <body> <div></div> </body> 样式(使用 linear-gradient线性渐变;radial-gradient径向渐变) <style> body { background-color: lightcyan; } div { width: 200px; ......
案例 css

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

使用css实现图片轮播功能

功能实现: 先搭建一个用于轮播的容器,水平置入需要轮播的图片,设置图片大小为容器的大小,超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度,这样一个简单的轮播就做好了 废话不多说,世界上案例吧 界面搭建 <body> <div class="swiper-container" ......
功能 图片 css

css中关于超出显示省略号

1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov ......
省略号 css

HTML

HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01——这是我的第一个入门案例</title> </head> <body> <h1 align="center"> 这是我的第一个HTML入门案例 ......
HTML

css笔记

水平布局 这段时间编写静态页面,学习了几种水平布局,其中有不小的差异和注意事项,特此记录汇总一下。 1. display: inline-block 将元素修改为行内块元素,可以在不脱离文档流的情况下实现水平布局,且兼容性极佳。 但是存在元素上下、左右边距不贴合的问题,解决方法如下: 设置父元素fo ......
笔记 css

CSS 媒体查询 @media【详解】

关于媒体查询的一篇好文推荐 https://blog.csdn.net/weixin_41192489/article/details/126028971 ......
媒体 media CSS

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

一统天下 flutter - widget 容器类(只能有一个子): DecoratedBox - 装饰(用于绘制背景,边框,渐变,阴影,矩形或圆形等效果)

一统天下 flutter - widget 容器类(只能有一个子): DecoratedBox - 装饰(用于绘制背景,边框,渐变,阴影,矩形或圆形等效果) ......

HTML中的下拉框

1 <select name="fruits"> 2 <option value="apple">苹果</option> 3 <option value="banana" selected>香蕉</option> 4 </select> - name 属性,指定数据的名称 - option 标签为下 ......
HTML

HTML中表单的基本结构与常用控件

1、form 中 action 的用法 例子: 1 <form action="https://search.jd.com/search"> 2 <input type="text" name="keyword"> 3 <button>去京东买东西</button> 4 </form> action ......
表单 控件 常用 结构 HTML

使用Net将HTML简历导出为PDF格式

使用Net将HTML简历导出为PDF格式 现在有许多将HTML导出PDF的第三方包,这里介绍使用的是Select.HtmlToPdf.NetCore 使用Select.HtmlToPdf.NetCore 整体思路是将cshtml内容读出来,然后再转为Pdf文档 读取cshtml内容有两种方法,第一种 ......
简历 格式 HTML Net PDF

CSS flex布局-解决最后一行元素对齐问题

justify-content对齐问题 在CSS flex布局中,justify-content属性可以控制列表的水平对齐方式,例如space-between值可以实现两端对齐。 但是,如果最后一行的列表的个数不满,则就会出现最后一行没有完全垂直对齐的问题 .container { display: ......
布局 一行 元素 问题 flex

CSS盒子模型(Box Model)

CSS盒子模型(Box Model) 概念 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用 CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括: 外边距(margin),边框(border),内边距(padding),和实际内容(conte ......
盒子 模型 Model CSS Box

CSS01.认识css

1.什么是CSS? CSS是用于页面展示的语言 CSS决定了页面长什么样子 2.开发者工具 vscode快捷操作 1、快速复制一行 ctrl+c 然后 ctrl+v 2、选定多个相同的单词 双击选定一个单词然后ctrl+d 3、添加多个光标 ctrl+Alt+上箭头(下箭头) 4、全局替换某写单词 ......
CSS css 01

CSS02.css构成

为网页添加样式 术语解释 h1 { color:red; background-color: lightblue; text-align: center;} CSS规则 = 选择器(“{”前面的)+ 声明块 声明块 出现在大括号中({}) 声明块中包含很多声明(属性),每一个声明(属性)表达了某一方 ......
CSS css 02

HTML15新增元素

HTML5新增元素 概述 HTML5新增的主要结构元素有6个:header、nav、article、aside、section、footer。 header 在HTML5中,header元素一般用于3个地方: 页面头部:如网站名称、页面LOGO、顶部导航、介绍信息等。 文章头部(article元素) ......
元素 HTML 15

纯 CSS 实现瀑布流式排版

最近写了个页面,想到了用瀑布流实现页面布局。在我看来一个合格的横向瀑布流式布局包含以下几个条件: 1、每个内容块高度可以不等,但宽度相等。 由于内容的不确定性,内容块的高度应根据内容高度伸缩。高度相等的话就变成了网格布局,规整倒是规整,不仅没有瀑布效果,内容的个性也无从体现。 2、内容块应进行横向排 ......
瀑布 CSS

Vue10*10图片表格的点击效果

要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程:一.用PS切图 1.打开PS,选择切图工具,在左边复选框选择切图工具。 2.单击右键鼠标,选择划分切片。 3.选择水平划分、垂直划分10*10,点击确定。 4.单击菜单栏文件,在导出栏选择储存为Web所用格式。 二.用HBui ......
表格 效果 图片 10 Vue

HTML编辑器如何能实现直接粘贴把图片上传到服务器中

图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉 ......
编辑器 服务器 图片 HTML

普通css实现table表格过长数据隐藏,鼠标停留显示全部

在<style></style>中添加下面代码 table { table-layout: fixed; /* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */ } table td { position: relative; /*width: 80px;*/ height: ......
表格 鼠标 数据 table css