横向 标签html css
【四】HTML之表单标签
# 【四】HTML之表单标签 - 是HTML中最终的标签之一，主要是提供了输入框或按钮等标签提供给用户进行交互输入数据。将来表单可以提交到指定服务端程序中进行数据处理。 ## 1 form标签 | 属性 | 描述 | | | | | **`action`** | 设置当前表单的表单数据处理应用程序的 ......
【二】前端基础之HTML引入
# 【二】前端基础之HTML引入 - `Hyper Text Markup Language` ，译作超文本标记语言，是一门标记语言，不是编程语言。所以它没有变量，也没有任何语句结构。 - 所谓的超文本，就是超越了文本范畴的文档格式，普通文本只能显示文字，而超文本可以显示各种的媒体资源，例如：htm ......
jmeter 通过命令生成html测试报告
0、检查一下输出结果的内容类型为默认的csv （此步其实可以忽略） 1、输入命令：jmeter -n -t ./物业系统接口测试220815.jmx -l ./testResult.jtl -e -o ./report2 -n：非GUI图形化界面模式执行JMeter -t：.jmx测试脚本文件所在的 ......
css第五天
优先级的介绍特性:不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式优先级公式:继承<配符选择<签选择器< 类选择器<d选择<内样式important注意点:!important写在属性值的后面，分号的前面!!important不能提升继承的优先级，只要是继承优先级最低!实际开 ......
CSS（六）CSS3新特性
圆角和阴影 圆角，使用 border-radius 可以给任何元素制作圆角 阴影，box-shadow 向框添加一个或多个阴影：box-shadow: h-shadow v-shadow blur color h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊距离 c ......
CSS（七）字体图标
经常会用到一些图片，但是我们在使用这些图片时，往往会遇到失真的情况，而且图片数量多的话，页面加载很慢，所以我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。常用资源 [阿里字体图标库][https://www.iconfont.cn/] 优点： 轻量，加载速度快， ......
CSS（五）脱离文档流
脱离文档流 标准文档流导致： 高矮不齐，底边对齐 空白折叠现象 很多空格，都会折叠会一个空格 img标签有缝隙 脱离文档流：使一个元素脱离标准文档流有三种方式： 浮动 绝对定位 固定定位 浮动 增加浮动 增加一个浮层来放置内容。可以理解为有两层页面，一层为原页面，一层为脱离文档流的浮层页面，所以会出 ......
CSS（四）盒子模型
盒子模型box model CSS盒子模型本质上是一个盒子，封装周围的HTML元素。它包括： margin（外边距）、border（边框）、padding（内边距）、content（内容） 弹性盒子模型flex box felx box是CSS3的一种新的布局模式。是为了让页面适应不同的屏幕大小和设 ......
记录--多行标签超出展开折叠功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 记录分享每一个日常开发项目中的实用小知识，不整那些虚头巴脑的框架理论与原理，之前分享过抽奖功能、签字功能等，有兴趣的可以看看本人以前的分享。 今天要分享的实用小知识是最近项目中遇到的标签相关的功能，我不知道叫啥，姑且称之为【多行标签 ......
CSS选择器
CSS选择器，发现很多都忘记了。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 CSS选择器笔记 阮一峰 整理 参考网址：456 Berea Street 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器，匹配任何元素 2. E 标签选择器，匹配所有使用E标签 ......
HTML基本知识架构
前端的学习资料，非常杂乱无章，整理如下 - [菜鸟教程HTML教程](https://www.runoob.com/html/html-tutorial.html) : 如果一个属性具备继承性, 那么在该元素上设置后, 它的后代元素都可以继承这个属性; 当然, 如果后代元素自己有设置该属性, 那么优先使用后代元素自己的属性(不管继承过来的属性权重多高); ......
HTML|常用的HTML元素
# HTML常用元素 ## 一. 常用的HTML元素 HTML文档由元素组成, 认识 HTML 其实就是学习 HTML 中的元素. 常见的 HTML 元素, 大致分为 - 文本相关元素 - 超文本相关元素 - 布局相关元素 - 表单元素 - 表格元素 ## 二. 文本相关元素 ### 1 标题元素 ......
HTML+CSS+JavaScript基础
1、HTML(Hypertext Markup Language，超文本标记语言), 用来向浏览器说明内容的结构、 2、DOM(Document Object Model, 文档对象模型)指的是HTML标签的层次结构。每一对HTML标签（有的时候是一个标签）都是一个元素。 3、CSS(Cascadi ......
HTML——数组方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> <script> const arr=['a','b','c','d' ......
css中transform具体使用，及场景
CSS transform 属性用于改变元素的形状、大小和位置，以及创建各种动画效果。以下是 transform 常用的一些属性及其使用场景： 1.translatetranslate 属性用于移动元素的位置。它可以接受一个或两个参数，分别表示横向和纵向的偏移量。 ```css / 在x轴上向右移动 ......
HTML制作立方体
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> @keyframes zhuan { 0% { transform: rotateY(0) rotateX(0) r ......
前端Vue自定义可自由滚动精美tabs选项卡标签栏标题栏 可设置背景颜色，
#### 前端Vue自定义可自由滚动精美tabs选项卡标签栏标题栏 可设置背景颜色， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13313 #### 效果图如下： #### 
## css盒子模型 ### 认识盒子模型 我们可以把HTML每一个元素看出一个个的盒子.具备如图四个属性 
### css引入 1. 内联样式 ```css 我是div元素 ``` 2.内部样式 ```css ``` 3. 外部样式 ```css /* 可以通过@import引入其他的css资源 */ @import url(./style.css); @import url(./test.css); . ......
小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片，html转为图片多端通用版
小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片，html转为图片多端通用版 一、导出内容设置方法 getZhangdanImage() { let textH = 38 //行位置 let titleL = 15 //行左边起始位置 let titleR = 118 //行右边 ......
css添加背景图片
方法一： ``` ``` 方法二： ``` style="background: url(lib/login.png); background-size: 100% 100%; background-attachment: fixed" ``` ......
2023-07-01 css之邮票锯齿
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
SAP 电商云 footer 区域 Link Component HTML 源代码的详细讲解
如下图所示：  这个 link Component 生成的 a 元素的 H ......
CSS中几种定位的简单描述与对比
静态定位(static): position属性的默认值为static，会忽略 top, bottom, left, right 或者 z-index 声明。 相对定位(relative)与绝对定位(absolute): 相对定位偏移参考元素是元素本身，而绝对定位以父辈元素中最近的定位元素为参考坐标 ......
html
一. 什么是HTML？答：HTML（超文本标记语言）是用于创建网页结构和内容的标记语言。它由一系列标签（元素）组成，标签用于定义和描述网页的不同部分，如标题、段落、链接、图像等。 HTML5与HTML有什么区别？答：HTML5是HTML的第五个版本，它引入了一些新的标签、属性和API，以支持更丰富的 ......
CSS：z-index属性
如果**父 div 元素设置了 z-index:** 100 属性， 子 div 元素的行为将取决于其自身的 z-index 值和定位方式。 **子 div 元素没有显式设置 z-index：** 如果子 div 元素没有设置 position 属性，或者设置为 static，则子元素的层叠顺序将继 ......
css垂直居中
案例如下： .parent{ width:500px; height:500px; background-color: #ccc; } .child{ background-color: red; color:#fff; width:100px; height:50px; } <div class= ......