横向 标签html css
CSS选择器优先级
CSS中有哪些常用的选择器? ID选择器 类选择器 元素选择器 如果同时使用的话哪个优先级更高? 内联样式 > ID选择器 > 类选择器 > 元素选择器 代码举例,比如下面这段代码,同时使用了类选择器和标签(元素)选择器,但是h1标签中内容的颜色是绿色,因为类选择器优先级要高于元素选择器 <!DOC ......
现代CSS布局技术：Flexbox和Grid的使用指南和最佳实践
在现代Web开发中，CSS布局技术变得越来越重要。Flexbox和Grid是两种常用的CSS布局技术，它们可以帮助我们创建灵活、可维护的布局。 ......
如何用CSS实现响应式设计并优化用户体验
在移动设备的时代，网站的响应式设计变得越来越重要。响应式设计的目标是使网站适应不同尺寸和分辨率的设备，并提供最佳的用户体验。本文将介绍如何使用CSS实现响应式设计并优化用户体验。 ......
npm加参数--host启动报错 Could not auto-determine entry point from rollupOptions or html files and there are no explicit optimizeDeps.include patterns. Skipping dependency pre-bundling解决方法
参考:https://blog.csdn.net/qq_41664096/article/details/118961381 使用以下命令启动npm只能本机访问 ``` npm run dev ``` 如果需要网络访问则需要加参数--host ``` npm run dev --host 0.0.0 ......
C# Regex 获取<table></table>的html
[Fact] public void Regex_Test() { var rowHtml = @"<div class=\""container\""> <div class=\""title dottedline\"">XXXXXX股份有限公司-受益所有人查询结果</div> </div> <d ......
3 CSS组合选择器
##### 3 组合选择器 页面元素比较复杂，存在多个嵌套。为了更加灵活选择页面中的元素，CSS中还提供了组合选择器。组合选择器就是将多个基本选择器通过一定的规则连接起来组成一个复杂选择器。 ###### 后代子代选择器 ```html Title item1 item2 item3 item4 ` ......
HTML链接元素
1.<a></a>超链接元素 作用： 定义超链接。 常用属性： herf： 链接的URL，为网址。 target： 指定在何处打开超链接。 _blank：在新窗口中打开 _parent：在当前的父窗口中打开，如果不存在父窗口，此选项的行为方式与 _self 等同 _self：当前窗口打开（默认） _ ......
HTML <span>的用法
<span></span> 的用法主要有以下几种： 文本样式化：可以通过为 <span> 元素添加 CSS 类名或内联样式来对其中的文本进行样式设置，比如改变字体颜色、字体大小、字体样式等。 <span class="red-text">红色文本</span> <span style="font-s ......
2 css基本选择器
##### 2 基本选择器  ###### id选择器 id选择器使用“#”进行标识，后面紧跟id名，其基 ......
.net core 关于对swagger的UI（Index.html）或接口的权限验证；
背景： 如何在ASP.Net Core的生产环境中保护swagger ui，也就是index.html页面。其实swagger是自带禁用的功能的，只需要设置开关即可。但是有一些场景，是需要把这些接口进行开放或者导出成文档供第三方进行调用，这个时候却又不想让所有人访问。本文介绍一种权限控制访问的方式， ......
css相对定位+绝对定位
1、开启定位 相对定位：给元素设置position:relative 并且需要设置left、right、top、bottom四个属性来调整位置，如果没有设置这4个属性，默认都是0，这时盒子在视界上不会发生移动。 绝对定位：给元素设置position:absolute 并且需要设置left、right ......
1 CSS的引入方式
##### 1 CSS的引入方式 CSS样式有三种不同的使用方式，分别是行内样式，嵌入样式以及链接式。我们需要根据不同的场合不同的需求来使用不同的样式。 - 行内样式 行内样式，就是写在元素的style属性中的样式，这种样式仅限于元素内部起作用。当个别元素需要应用特殊样式时就可以使用内联样式。但不推 ......
HTML5实现大文件上传
文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......
6 图片标签
##### 6 图片标签 在HTML中，图像由标签定义的，它可以用来加载图片到html网页中显示。网页开发过程中，有三种图片格式被广泛应用到web里，分别是 jpg、png、gif。 img标签的属性： ``` /* src属性： 指定图像的URL地址，是英文source的简写，表示引入资源。 sr ......
CSS基础-浮动
### 浮动 浮动是为了元素标签的并排显示问题。 我们在浏览网页的时候，经常会看到 几个 div 块是可以并排显示的， 浮动就是解决这样问题的方法之一。 **float属性有以下的值** - float: left; 左浮动 - float: right 右浮动 **浮动的特点** - 浮动主要针对 ......
瞅瞅吧！你可能会用到的 css 动画库
原文链接：[推荐几个你可能会用到的 CSS 动画库](https://fe32.top/articles/css10004/) ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b52b411aacde44e9836ce13 ......
5 表单标签
##### 5 表单标签 表单主要是用来收集客户端提供的相关信息，提供了用户数据录入的方式，有多选、单选、单行文本、下拉列表等输入框，便于网站管理员收集用户的数据，是Web浏览器和Web服务器之间实现信息交流和数据传递的桥梁. 表单被form标签包含，内部使用不同的表单元素来呈现不同的方式来供用户输 ......
HTML5中form如何关闭自动完成功能
什么是HTML5的form自动完成功能？ 首先，HTML5 中有个新属性autocomplete ，autocomplete 属性规定表单是否应该启用自动完成功能，它自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。如： <form ......
CSS基础-盒模型
## 盒模型 所有的HTML标签都可以看成矩形盒子,由width，height，padding，border构成，称为**盒模型**。 盒子的总宽度 = width + 左右padding + 左右border 盒子的总高度 = height + 上下pading + 上下border ![](ht ......
CSS3
# CSS3 ## 1. CSS导入方式 优先级：就近原则 ```html css导入方式 我是标题 我是二级标题 我是三级标题 ``` ## 2. 选择器 ### 2.1 基本选择器 优先级：id > class > 标签 #### 2.1.1 标签选择器 会选择body下所有h1标签 ```ht ......
3 列表标签
##### 3 列表标签 html中的列表标签，该类标签是关于HTML文档中列表的，包含dl、dt、dd、ol、li、ul等标签。这里主要说的是ul和ol标签。 （1）ol标签代表HTML的有序列表。ol成对出现，以开始，结束。列表中的每一列使用标签定义，这一点与无序列表相同。每列使用数字或字母开头 ......
CSS如何使文本溢出部分显示省略号？多行超出
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS如何使文本溢出部分显示省略号？多行超出</title> <style> *{margin: 0px;padding: 0px;} .box{ width: 280px; he ......
HTML图片元素
1.<img>标签 作用： 给网页插入图片 常用属性： src(必需):“source”,表示来源，即为图片地址。 alt(必需):指定图像不能显示时候的替代文本。 width，height:宽度和高度，单位：像素px或百分比%。 摘录自： https://man.ilovefishc.com/pa ......
HTML框架
1.第一个程序框架： <!DOCTYPE html> <!-- 告诉计算机，html框架 --> <html> <head> <!-- 头标，内容不可见 --> <title>Hello</title> </head> <body> <!-- 体标签，内容可见 --> <img src="http: ......
jq获取锚点打html格式数据
let left = $(".left").clone() //克隆需要的html格式内容片段 $('.houseBox').html(left.eq(0)) //将数据打进锚点，因为我这里获取到的数据是一整个集合，但是我只需要第一条数据，所以用到了eq $('.houseBox').click(( ......
2 超链接标签
##### 2 超链接标签 超链接是浏览者和服务器的交互的主要手段，也叫超级链接或a链接，是网页中指向一个目标的连接关系，这个目标可以是网页、网页中的具体位置、图片、邮件地址、文件、应用程序等。 超链接是网页中最重要的元素之一。一个网站的各个网页就是通过超链接关联起来的，用户通过点击超链接可以从一个 ......
HTML
title: 简单的HTML表单 date: 2023-07-17 21:30:43 categories: CTF-Web入门 description: 简单HTML表 ```html 账号: 密码: ``` 在html中，我们使用form标签声明一个表单，用于收集用户的输入信息，同时它是少有的可 ......
html、css、js实现的一个简单计算器
title: html、css、js实现的一个简单计算器 date: 2023-07-17 21:51:46 categories: CTF-Web入门 description: 简易计算器 主要代码来自runoob的计算器示例，只是精简了一下，把在js里监听完成的清除输入区也写成了一个函数，点击按 ......
1 基本标签
```html 1基本标签 你是风儿我是沙 你是风儿我是沙 你是风儿我是沙 你是风儿我是沙 你是风儿我是沙 你是风儿我是沙 床前明月光, 疑是地上霜. 举头望明月, 低头思故乡. 大家好，我是段落标签p。我按了enter一下 换行了 大家好，我是段落标签p。我按了enter一下 换行了 定义粗体文本 ......
html与css部分基础
原生js篇 1.js组成 ECMAscript BOM DOM 2.js输出内容的方式 1.弹窗alert() 2.网页输出document.write() 3.控制台输出console.log 3.什么是变量 存储临时数据的容器 4.定义变量有几种方式，区别 var 有变量提升，可以重复赋值; l ......