横向 标签html css
HTML5的魅力，10个Demo展示
Flash和HTML5的比较已经成为现在最热门的主题之一，我们不去争论哪个好哪个不好。和HTML5在很酷的动画和简单的游戏等方面一样，除非HTML5在未来几年有一些重大发展，否则Flash在富内容网页应用和游戏方面永远是不错的选择。下面收集了50个非常酷的HTML5应用实例来展示其无限潜力。 1. ......
CSS !important 规则不被其他样式覆盖
CSS !important 规则 CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 #myid { background-color: blue; } .m ......
在CSS中创建一个遮罩层并阻止点击穿透的常见方案
使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
CSS基础知识（未完待续）
前言：从本篇开始记录css的一些基础知识，但不会涉及css3，以后会单独学习记录。 # 1 .CSS简介 html只关注了内容的语义，但并没有注意具体布局的美化以及样式，如果用html去设置的话，就会显得十分臃 肿，这时候就需要css来进行设置了。 CSS是层叠样式表的简称，有时候我们也会称之为cs ......
CSS基础
> 即 Cascading Style Sheets，它描述了网页的表现与展示效果 ### 1) 选择器 * type 选择器 - 根据标签名进行匹配（元素选择器） * class 选择器 - 根据元素的 class 属性进行匹配 * id 选择器 - 根据元素的 id 属性进行匹配 ### 2) ......
vue（五）CSS样式添加
Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
python pydoc模块生成html网页版内容
pydoc 是一个能生成网页版的模块，内置模块 命令： ```bash python -m pydoc -p 1234 ``` > -m 加载模块 > -p 网页访问端口 命令行： ; Co ......
标签平滑-Label Smoothing
********************2023年07月06日17:13:20********************** 参考我的notability中的笔记学习更快 ***********************************分割线*************************** ......
2. HTML 进阶之HTTP请求
### 1) 请求组成 请求由三部分组成 1. 请求行 2. 请求头 3. 请求体 可以用 telnet 程序测试 ### 2) 请求方式与数据格式 #### get 请求示例 ```html GET /test2?name=%E5%BC%A0&age=20 HTTP/1.1 Host: local ......
css动态生成多个class样式
在纯CSS中，无法动态生成多个类样式。CSS是一种静态样式表语言，它主要用于描述网页上元素的外观和布局，而不能在运行时动态生成类样式。 然而，你可以通过使用CSS预处理器（如Sass、Less等）或CSS-in-JS工具（如Styled Components、Emotion等）来在一定程度上实现动态 ......
在html中使用vConsole
在vue中可以自行安装vConsole， 那么移动端怎么办呢 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> var vConsole = new VConsole(); ......
XHTML与HTML5的区别
最近在困惑html5和XHTML两者之间的具体区别，查看了百度、google和新浪等，他们首页的源码第一句都是 <!Doctype html> 这是HTML5的doctype声明，说明这些主流网站已经都普遍在运用HTML5了，因为HTML5 不基于 SGML（标准通用标记语言），所以不需要引用 DT ......
初识html[230706]
#### 基础认知 目标：认识网页组成、浏览器、web标准 ##### 概念铺垫 - 网页有哪些部分组成？ 文字图片视频音频超链接 - 背后本质是什么？ 前端程序员、工程师的代码 - 代码是通过什么软件转换成用户眼中的页面？ 通过 *浏览器* “解析和渲染” > 常见：IE、Firefox、Chor ......
根据服务标签id优化表A与表B的数据匹配方法
Crafted by [Genie](https://marketplace.visualstudio.com/items?itemName=genieai.chatgpt-vscode) ## You 两个表都有一个字段，ServiceTagIDs string `json:"service_ta ......
XAML UI 框架横向对比（Avalonia/Uno Platform/.NET MAUI）
本文翻译自 https://github.com/robloo/PublicDocs/blob/master/XAMLFrameworkComparison.md 为了最佳阅读体验，请前往 https://github.com/1357310795/XAML-UI-Docs/blob/master/ ......
vue使用html2canvas优化---节点过滤
当你使用html2canvas对某个节点进行截图时，项目小dom节点少那还没什么性能问题，如果是个大项目，有成百上千个dom节点，那将是非常头疼的事情（产品经理：小张啊，你这个截图功能为什么需要这个长的时间，这让客户怎么用，重新改。小张：********...）。不多bb了，直接开始 html2ca ......
第八节 CSS高级
# day08-CSS高级 > 目标：掌握定位的作用及特点；掌握 CSS 高级技巧 ## 01-定位 作用：灵活的改变盒子在网页中的位置 实现： 1.定位模式：position 2.边偏移：设置盒子的位置 * left * right * top * bottom ### 相对定位 **positi ......
html的form表单提交问题
1. 如果form的action属性没用填写controller层的指定路径，就会出以下错误。 2.如果form的action属性没用填写controller层的指定路径，那将button属性更改为默认的button也可以正常显示。 ......
CSS|动画与效果
## 一. 过渡 ### 1 什么是过渡 过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果 ### 2 应用场景 当鼠标hover的时候, 有一个明显的突出效果, 但是又不会显得特别生硬 ![transition.gif](https://img2023.cnblogs.com/blog ......
[css]选择器，匹配以某个字符开头或结尾
1. ``` div[class$="-btn"]:active{ opacity:.8 } ``` 可匹配到div,class为“-btn”结尾的元素 2. ``` div:[id^="item-"]{ color:red } ``` 可匹配到div,id为“item-”开头的元素 ......
使用html2canvas生成网页截图并下载
1.安装依赖 npm install html2canvas --save 2.引入依赖 import html2canvas from "html2canvas"; 3.使用示例 <template><div> <a @click="toImage()">下载</a> <div ref="imag ......
[CSS 3] Container query
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries .container { container: article / inline-size; } h2 { font-size: 7cqw; } @conta ......
[CSS 3] margin-trim
The margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges. https://developer.mozilla.o ......
[CSS 3] :has selector
html: <div class="post"> <h2>Post</h2> <a href="#"> a link</a> </div> <div class="post"> <h2>Post</h2> </div> <div class="post"> <a href="#"> a link</ ......
HTML&CSS
HTML HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的HTML(HyperText Markup Language)：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容 标记语言：由标签构成的语言HTML 运行在浏览器上， ......
Jquery操作元素的属性和css
<button id="problem_chart_search" type="confirm" style="margin: 0 3em;color: #fff;font-size:.75em;padding: 2px 10px;">搜索</button> //1、改属性 $('#problem_ ......
5分钟学会img标签加载图片404错误解决方案
在开发中，使用<img src = "/img/yys.png" />加载图片时，会有404错误，也就是图片未找到问题。 现将解决办法 总结如下： 当图片未找到或者404时，就会触发<img />标签的 onerror 属性显示其中的图片。 1、直接拼写路径方式：<img src = "img/yy ......
小程序 · image标签：图片宽度100%，高度自适应
小程序 · image标签：图片宽度100%，高度自适应 image { width: 100%; } <image mode='widthFix'></image> ......
CSS|Flex布局
> 演示动图来源：[GitHub](https://github.com/ccforward/cc/issues/57#issue-207585739) ## 一. 什么是flex布局 是一种专门的CSS一维(水平/垂直)布局方案 - 位置(定性) - 大小(定量) > 怎么研究位置和大小 借助坐标 ......