transform css
百度首页静态展示页面HTML+CSS
一直觉得百度首页很复杂的，有那么多的东西，跟这个博主学习了之后，仿写了一下，样式好像很简单 只设置的一些组件的高度而已，不得不说，CSS真是个好东西呀 话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> ......
CSS中:root的运用
CSS中:root的运用: https://blog.csdn.net/weixin_41829196/article/details/128530267?ops_request_misc=&request_id=&biz_id=102&utm_term=css%20:root&utm_medium ......
HTML+CSS学习--HTML表单标签
关注我了解更多web技术知识，带你一路“狂飙”到底！上岸大厂不是梦！ 表单 1 ： 表单标签 <form></form>属性 ：action = '接口地址'method = 'get / post'name = '表单名称' 2 ： 表单控件 <input>属性：type = '控件类型'name ......
css盒子跟随鼠标绘制点和线
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> html,body{ width: 100%; height: 100%; } #box{ height: 100px; width: 100 ......
Attention Is All You Need—transformer详解
Attention Is All You Need 论文 transformer代码 以下大部分是根据论文理解进行的总结和概括，如有疑问，欢迎交流~ transformer仅仅使用注意力机制，没有使用任何的卷积或者RNN结构。 传统RNN结构的当前隐层状态$h_t$需要当前时刻的输入以及上一时刻的隐 ......
如何生成文本: 通过 Transformers 用不同的解码方法生成文本
简介 近年来，随着以 OpenAI GPT2 模型 为代表的基于数百万网页数据训练的大型 Transformer 语言模型的兴起，开放域语言生成领域吸引了越来越多的关注。开放域中的条件语言生成效果令人印象深刻，典型的例子有: GPT2 在独角兽话题上的精彩续写，XLNet 以及 使用 CTRL 模型 ......
CSS 设置文字间距
CSS 设置文字间距 一、设置字符间距 在 CSS 中，可以使用 letter-spacing 属性来设置字符间距。该属性控制每个字符之间的距离，可以设置负值来让字符更接近，也可以设置正值来让字符之间的距离更远。 以下是一个示例，将字符间距设置为 0.1em： p { letter-spacing: ......
为什么你永远不应该在CSS中使用px来设置字体大小
代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。 在Josh Collinsworth的博客文章“永远不要用px作为字体大小”中，作者讨论了为什么不应该使用像素（px）作为网页字体大小的单位 ......
css 渲染优化的方式
1、加载性能优化：css压缩、css单一样式、减少使用 @import, 而建议使用link； 2、 选择器性能优化： 避免使用通配规则 * 尽量少的去对标签进行选择，而是用class 不要去用标签限定ID或者类选择符：ul#nav,应该简化为#nav 尽量少的去使用后代选择器，降低选择器的权重值 ......
通过 css 控制 window.print 的样式
打印页面隐藏打印按钮 在 button 按钮加一个 class 样式 class="print-button-container" 调用 window.print 方法的页面加以下css <style scope lang="scss"> @media print { .table-print-di ......
CSS6大种选择器
一、常用的css基本选择器(4种) 1、标签选择器 结构： 标签名{css属性名：属性值}作用：通过标签名，找到页面中所有的这类标签，设置样式 注意：1.标签选择器选择的是一类标签，而不是单独的一个2.标签选择器无论嵌套关系有多深，都能够找到对应的标签 <style> p{ color: red; ......
你不知道的 CSS 之包含块
# 你不知道的 CSS 之包含块 一说到 CSS 盒模型，这是很多小伙伴耳熟能详的知识，甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。 但是一说到 CSS 包含块，有的小伙伴就懵圈了，什么是包含块？好像从来没有听说过这玩意儿。 <img src="ht ......
你是否了解 CSS 的属性计算过程呢？
有的同学可能会讲，CSS属性我倒是知道，例如： ```css p{ color : red; } ``` 上面的 CSS 代码中，p 是元素选择器，color 就是其中的一个 CSS 属性。 但是要说 CSS 属性的计算过程，还真的不是很清楚。 没关系，通过此篇文章，能够让你彻底明白什么是 CSS ......
css 移动端1px问题及解决
1、问题原因：移动设备推出一个设备像素⽐：dpr=window.devicePixelRatio，也就是设备的物理像素与逻辑像素的⽐值。在retina屏的⼿机上, dpr为2或3，css⾥写的1px宽度映射到物理像素上就有2px或3px宽度。 2、解决方法：border-image实现、backgr ......
HTML-CSS笔记
HTML 一、网页的基本结构和基础 1、html基础 <!doctype html> <html> <head> <!-- 可以通过meta标签来设置网页的字符集，避免乱码的问题--> <meta charset = "UTF-8"/> <title>网页的基本结构</title> </head> ......
如何使用 css 将页面缩小/缩放到 90%
当我使用像笔记本电脑这样的设备时，它被放大了，当我缩小到 90% 时，它看起来好多了。 我使用了缩放：90%；首先，但这不适用于 Firefox 或 safari。通过一些研究，我发现 transform:scale (0.9); 是要走的路。 Zoom IE适用。 但是，当我这样做时 html 或 ......
CSS样式 按钮颜色透明
.close{ background-color:transparent; border-style:none; color: #FFFFFF; font-size: 32rpx; text-align: center; } ......
Transformer
参考： transform的paper出处:https://blog.csdn.net/qq_40585800/article/details/112427990 发展 Transformer是由谷歌于2017年提出的具有里程碑意义的模型，同时也是语言AI革命的关键技术。在此之前的SOTA模型都是以 ......
html css 怎么导入外部css
在 HTML 文件中导入外部 CSS 样式表，可以使用 <link> 标签。具体步骤如下： 创建一个样式表文件（通常以 .css 扩展名为后缀），并将所有的 CSS 样式规则存放在该文件中。 在 HTML 文件中添加一个 <link> 标签，指定 rel="stylesheet" 属性和 href ......
vue学习 第四天 css ---元素显示模式 display
导学： 1）设置元素显示模式 display 2）block（块）、inline（行内）、inline-block（行内块） 3）每一种元素模式的特点 1、元素显示模式 : 独占一行 （块元素） 和 共用一行 （行内元素） HTML元素一般分为块元素和行内元素两个类型。 2、块元素：<h1>~<h6 ......
2023.3.2 JQuery CSS 样式操作与jQuery 动画
CSS 样式操作 addClass() 添加样式 removeClass() 删除样式 toggleClass() 有就删除，没有就添加样式。 offset() 获取和设置元素的坐标。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transition ......
css在标签右上角添加“推荐”字样的斜三角样式
可以使用CSS中的伪类:before来实现在标签右上角添加“推荐”字样的斜三角样式，具体实现代码如下： ```.recommend:before { content: "推荐"; position: absolute; top: -8px; right: -26px; z-index: 1; pad ......
3_transforms (pytorch tutorial)
Transforms Data does not always come in its final processed form that is required for training machine learning algorithms. We use transforms to perfo ......
HTML+CSS居然可以做时钟，太秀了吧
谁懂啊家人们，html+css居然可以做一个时钟出来，这么厉害的吗 咱这新手是啥也不懂啊，就会复制粘贴，反正是可以正常显示的 话不多说直接上代码，直接复制即可正常运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <me ......
Postcss css module 关注点分离
Postcss 简明教程 及 css module - 掘金 https://juejin.cn/post/6862371071115558926 PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS中文网 https://www.postcs ......
仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
深入了解 Transformers – Part 1: 介绍 Transformer 模型
动动发财的小手，点个赞吧！ 自从最新的Large Language Models（LLaM）发布以来，如OpenAI的GPT系列、开源模型Bloom或谷歌发布的LaMDA等，Transformer展现出了巨大的潜力，成为了深度学习的前沿架构楷模。 尽管已经有几篇文章介绍了 transformer 及 ......
css clear + bfc
问题： 没有设置div2的高度,为什么div1的高度 div2的高度，？ 解释： 当应用于浮动元素时，它将底部元素的外边界边缘移动到所有相关的浮动元素外边界边缘的下方。 <div style="float:left;clear: both"></div> 当应用于非浮动块时，它将非浮动块的边框边界移 ......
CSS 基础拾遗（核心知识、常见需求）
本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 核心概念和知识点 语法 C ......
02-CSS基础练习：JD首页的制作（快捷导航部分）
title: 02-CSS基础练习：JD首页的制作（快捷导航部分） publish: true 我们在上一篇文章中制作的网页最顶部的导航，是属于网页导航。 本文中，Banner图上方的导航，叫做快捷导航（shortcut）。 ##快捷导航的骨架 我们先制作快捷导航的骨架。如下图所示： 上图中，sho ......