案例html css
css 选择器
更多选择器示例参考:https://www.w3school.com.cn/cssref/css_selectors.asp <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css选择器</title> <! ......
css学习Day01
# css学习Day01 css语法 选择器{ 声明1; 声明2; 声明3; } ## 一、css四种导入方式 - 行内样式 ```html 标题 ``` - 内部样式 ```html ``` - 外部样式 链接式: ```html ``` **优先级:就近原则(谁离元素更近用谁的)** ......
css3
属性 浏览器前缀 transition:.3s -ms-transitio:0.3s -webkit-transitio:0.3s -o-transitio:0.3s -moz-transitio:0.3s ......
其他css3属性 圆角 三角形
圆角实际上有8个值a . 百分比超过百分之50结果都是一个椭圆 实心三角形的实现 宽高为0 给边框高度 透明 对边设置颜色 空心三角形 或者带边框的三角形 透明叠加 . 上边框的粗细 ......
单页html+vue3+element-plus+axios
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable ......
html标签
W3scholl: https://www.w3school.com.cn/html/index.asp 本问只记录一下常用的标签,一些细致的属性等详细信息,请去上面的网站自行翻阅 <body> <!--全局常用属性 id:id 属性规定 HTML 元素的唯一的 id。在 HTML 文档中必须是唯一 ......
常见的css属性
rgb 6位0-9a-f 简写 443322=432 rgb rgb(68,41,41,0.4)最后一位是alpha颜色透明度 浮动 让元素左右排列 float :left /right/none; 文档标准流 网页中的块级元素 都会自上而下的排列 浮动会破坏元素原本的特征(独占一行的特征) 浮动是 ......
css: display:none, display:block
<!doctype html> <html> <head> <meta charset="utf-8"> <title>css display:none, display:block</title> <script src="../jquery/3.6.0/jquery.min.js"></scri ......
html学习day02
# HITML学习Day02 ## 一、 媒体属性 ### 视频属性 ```html ``` - #### 属性: - `src`:资源路径 - `controls`:控制条 - `autoplay`:自动播放 ### 音频属性 ```html ``` - #### 属性 - `src`:资源路径 ......
36种漂亮的CSS3网页按钮Button样式
![加载中](https://img2023.cnblogs.com/blog/1904229/202307/1904229-20230722131851592-672654108.png "效果图") ```html 36种漂亮的CSS3网页按钮Button样式 36种漂亮的CSS3网页按钮But ......
css基础-隐藏显示元素
display:none隐藏元素,不保留位置,文档结构中存在 visibility:hidden隐藏元素,仍占有原来位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont ......
css基础-position定位例子-垂直水平居中
盒子垂直居中,水平居中实现例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ......
设计师必看的10个HTML5动画工具
如果你想用令人难以置信的动画创建引人注目的网站的话,那么这里为设计师精心挑选了一些必备的HTML5动画工具。HTML5是设计师用来打造时尚网站的最流行的编程语言之一。在过去三年内,这种编程语言的使用人数急剧增长。开发人员可以使用这种语言来创建各种改进的内容并放到万维网上。随着每一个新版本的发布,HT ......
htmx是一个库,用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为,而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新,从而提供更好的用户体验。
[htmx](https://htmx.org/ "htmx")是一个库,用于在现代Web应用程序中实现实时交互。它使用声明性的HTML扩展属性来标记和控制交互行为,而无需编写复杂的JavaScript代码。htmx通过Ajax技术实现局部页面更新,从而提供更好的用户体验。 https://htmx ......
css基础-position定位
static静态定位类似于标准流 relative相对定位元素移动位置参照原来位置来移动的保留原来的位置(人走了,位置留着,停职留薪),不脱标 absolute绝对定位元素移动位置参照父元素如果父元素和父父级等无定位,则以浏览器位置偏移如果父元素有定位,则以父元素为参照进行偏移如果父元素无定位,父父 ......
通过JS设置CSS样式
#### 读取元素样式 在JS中可以使用`getComputedStyle() `读取元素样式 >**官网摘要** Window.getComputedStyle()方法返回一个对象,该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有 CSS 属性的值。私有的 CSS 属性值可 ......
css基础-float浮动
什么是浮动创建浮动框,将其移动左或者右边,直到碰到左边缘或右边缘。特性:浮动元素会脱离标准流,浮动的盒子不会保留白原来位置一行内显示,顶端对齐行内元素加了浮动元素都会具有行内块元素,无需转换,可以设置高度和宽度。 为什么要用浮动网页布局本质就是摆盒子,传统网页布局方式:a) 通过普通流标准流(块级元 ......
vue3如何正确设置 Tailwind CSS
1.创建vue3项目 npm init vue@latest 需要配置的选择YES 2.切换到 项目newProject目录下 npm install 下载依赖包 3.安装 tailwind 及其依赖项(PostCSS 和自动前缀) npm install -D tailwindcss@latest ......
css-demo
1、文字放大缩小 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> @keyframes scaleDraw { 0% { transform: scale(1); } 25% { transform: scale(1.5); ......
SAP UI5 应用启动时加载的 flpSandbox.html 文件有什么作用
在 SAP UI5 应用程序的开发和测试阶段,我们经常会使用一个特殊的 HTML 文件,名为 flpSandbox.html。这个文件主要用于在本地环境中模拟 Fiori Launchpad 的环境,以便于开发者在没有真实 SAP 系统支持的情况下进行开发和调试。 这个文件的源代码可以在笔者这套教程 ......
HTML模板使用
1. 寻找template html 2. 参数传递 3. 底层原理(大致) 将html 通过函数_execute() append进空列表 再通过compile函数执行_execute ......
css跳动样式
animation: warn 1.5s ease-out 0s infinite; } @keyframes warn { 0% { transform: scale(0.5); opacity: 1; } 30% { opacity: 1; } 100% { transform: scale(1 ......
Python多进程使用案例
### Python多进程使用案例 #### 为什么推荐多进程? 由于python解释器GIL锁的存在,python中的多线程并不是真的多线程,事实上是在一个cpu内核上运行的,无法调用电脑的多核性能,就出现了一个人干活,剩下几个人在旁边围观的经典场景。那么为了更好的提升性能,在一定情况下是推荐使用 ......
初识HTML
1.HTML(Hyper Text Markup Language)--超文本标记语言,目前网页中常用HTML5版本标记语言 超文本包括:文字、图片、音频、视频、动画等 2.HTML一般是由一对尖括号标签或者标记组成的,如: <body>文字</body> 3.web浏览器是用于读取HTML文件,并 ......
HTML | 表格
### 基本结构 1. 一个完整的表格由:**表格标题、表格头部、表格主体、表格脚注**,四部分组成。 ![](https://img2023.cnblogs.com/blog/3085423/202307/3085423-20230721115019592-824763619.png) 2. 表格 ......
HTML | 图片标签
### 基本使用 | 标签名 | 标签语义 | 常用属性 | 单 / 双 标签 | | : : | : : | | : : | | `img` | 图片 | `src` :图片路径(又称:图片地址)—— 图片的具体位置`alt` :图片描述`width` :图片宽度,单位是像素,例如:`200px` ......
/dist/index.html打开报跨域错误、资源未找到等
问题: 我是使用vite3开发,你打包生成的文件夹dist里的index.html打开报错跨域、资源未找到等; 思考: 1.资源未找到de原因: 资源未找到,是因为在本地打开时,本地会把/表示未本地磁盘根路径C://或者D://, 而在服务器上,服务器还是会把/表示为相对路径./ 如果使用vue.c ......
基于HTML5的电力接线图——SCADA应用
在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年,早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案,在 HTML5 流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用, ......