css代码优化

HTML和css

问题一：使用vscode打开写好的htlm文件未出现openinthebrowser解决：vscode中缺少插件，需要安装插件检查扩展：打开VSCode。点击左侧边栏的扩展图标（或使用快捷键Ctrl+Shift+X）。在搜索框中输入“browser”或“openinbrowser”等关键词，查找是否有相关的扩展。如果有，确保它们是启用的。如果没有，你可能需要安装一个，如“OpeninBrowser
愿成为大佬腿上的挂件·2024-02-12 06:04

如何进行网站性能优化

网站性能优化“六步法则”：一、网页内容优化；二、服务器优化；三、Cookies优化；四、CSS优化；五、JS优化；六、图片优化。
生命里那束光·2024-02-12 06:46

webpack

Vue-cli/React-starter/Angular-cliCode-splitting天生的模块化...模块化开发JS模块化CSS模块化JS模块化命名空间COMMONJSAMD/CM
入秋未凉的海·2024-02-12 06:04

VLM 系列——Llava1.6——论文解读

一、概述1、是什么Llava1.6是llava1.5的升级暂时还没有论文等，是一个多模态视觉-文本大语言模型，可以完成：图像描述、视觉问答、根据图片写代码（HTML、JS、CSS），潜在可以完成单个目标的视觉定位
TigerZ*·2024-02-12 06:10

VLM 系列——MoE-LLaVa——论文解读

MixtureofExpertsforLargeVision-LanguageModels》，是一个多模态视觉-文本大语言模型，可以完成：图像描述、视觉问答，潜在可以完成单个目标的视觉定位、名画名人等识别（问答、描述），未知是否能偶根据图片写代码（HTML、JS、CSS
TigerZ*·2024-02-12 06:40

vue3学习——路由进度条

permission.tsimportrouterfrom'@/router/index.ts'importNProgressfrom'nprogress'import'nprogress/nprogress.css
可乐KL·2024-02-12 06:39

《CSS 简易速速上手小册》第8章：CSS 性能优化和可访问性（2024 最新版）

文章目录8.1CSS文件的组织和管理8.1.1基础知识8.1.2重点案例：项目样式表结构8.1.3拓展案例1：使用BEM命名规范8.1.4拓展案例2：利用Sass混入创建响应式工具类8.2提高网页加载速度的技巧
江帅帅·2024-02-12 06:37

《CSS 简易速速上手小册》第10章：未来的 CSS（2024 最新版）

文章目录10.1CSS的新特性和趋势10.1.1基础知识10.1.2重点案例：使用CSSGrid创建响应式图库10.1.3拓展案例1：利用CSS变量实现主题切换10.1.4拓展案例2：使用`lab()`
江帅帅·2024-02-12 05:55

CSS 实现台阶效果

HMTLCSSp{width:0;transform:rotate(-90deg)translateY(200px);}p:before{color:transparent;content:'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
康乐芳华·2024-02-12 05:27

隐藏滚动条但保留滚动效果

html:11111111111111111111111111css:.outer-container{width:200px;height:200px;}.outer-container{position
一名有马甲线的程序媛·2024-02-12 05:47

2019-03-21

2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.
樊小勇·2024-02-12 04:47

vue3初识

官网为vue3，但要注意，vue框架本身是基于前端基础知识之上的，所以学习vue的前提是，你已经理解、并能够熟练的使用html、css、JavaScript这三大前端基石去开发基本的网页应用了。
余识-·2024-02-12 03:26

程序员专属情人节表白网站HTML+CSS+JS(满天星3D相册)

一、网站介绍基于html+css+js制作的表白网页代码，可以直接替换文字和图片即可使用二、作品效果▶️视频演示https://live.csdn.net/v/embed/237887(title-103
html网页设计·2024-02-12 03:21

css3实现三角形（上下左右）【转载】

https://blog.csdn.net/qq_34382449/article/details/812346531.向上.kailong{width:0;height:0;border-right:50pxsolidtransparent;border-left:50pxsolidtransparent;border-bottom:50pxsolidred;}2.向下.kailong{widt
不负好时光·2024-02-12 02:12

理解 Css 布局和 BFC

CSS布局中有一些概念，一旦你理解了它们，就能真正提高你的CSS布局能力。本文是关于块格式化上下文(BFC)的。
grain先森·2024-02-12 02:46

css盒子模型概念

1.盒子模型概念css盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
猪八咪·2024-02-12 02:56

CSS盒子模型

CSS盒子模型（BoxModel）概念所有HTML元素可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin
脑袋不灵光的小白羊·2024-02-12 02:24

html是web前端的基础知识，初学的你学对了吗？

html概念前端最核心的技术HTML+CSS+javascriptHTML-结构-骨架CSS-样式-效果JAVASCRIPT-(用户)行为-做的事情超文本标记语言超文本文本(txt文件)-浏览器可以直接打开如果具有中文
web前端学习指南·2024-02-12 02:55

css盒子概述

盒子组成css中规定每一个盒子分别由:内容区域(content)、内边距区域(padding)、边框区(border)、外边距区域(margin)构成,这就是盒子模式。
redoever_7·2024-02-12 02:53

CSS盒子的概念

盒子模型盒子的概念页面中的每一个标签都可以看做是一个“盒子”，通过盒子的视角更方便的进行布局浏览器在渲染（显示）网页时，会将网页中的元素看做是一个个的矩形区域，称之为“盒子”盒子模型CSS中规定每个盒子分别由
2301_81054073·2024-02-12 02:51

CSS3 animation动画

1.CSS3animation动画1，@keyframes定义关键帧动画2，animation-name动画名称3，animation-duration动画时间4，animation-timing-function
小小杨_a1a6·2024-02-12 01:49

【精选】java多态进阶——多态练习测试

目录代码需求画图代码练习代码优化代码需求根据需求完成代码:1.定义狗类属性：年龄，颜色行为:eat(
hacker-routing·2024-02-12 00:58

50.项目 1-博客前端：封装库--Ajax 换肤

一．问题所在QQ截图20190520093907.png二．设置代码//HTML代码更换皮肤//CSS代码#skin{width:650px;height:360px;border:1pxsolid#ccc
好像在哪见过你丶·2024-02-11 23:38

2d蒙版效果

主要应用了css3的动画效果和定位*{margin:0;padding:0;}.box{width:200px;height:200px;position:relative;}.b1{width:200px
酒暖花深Q·2024-02-11 22:30

《CSS 简易速速上手小册》第7章：CSS 预处理器与框架（2024 最新版）

文章目录7.1Sass：更高效的CSS编写7.1.1基础知识7.1.2重点案例：主题颜色和字体管理7.1.3拓展案例1：响应式辅助类7.1.4拓展案例2：深色模式支持7.2Bootstrap：快速原型设计和开发
江帅帅·2024-02-11 21:38

前端HTML & CSS 基础入门（2）段落及文本

写在前面：CSS选择器网页要显示很多内容，想要为每个内容设置不同的样式，我们就得首先选中要设置样式的内容，CSS选择器就是指明该样式是针对HTML里哪一个元素的。
前端大叔熟·2024-02-11 21:38

Vue过渡 & nanoid && 代理服务器

1.过渡使用vue的transition标签结合css样式完成动画页面显示/隐藏我一定会好好学习的添加商品{{item.id}}-{{item.name}}删除给列表添加动画或过渡效果，用transition-group
宽厚里的猫·2024-02-11 21:48

网页解析神器-Selector选择器全面解析

https://docs.scrapy.org/en/latest/topics/selectors.html大部分人可能喜欢使用以下三个解析器对网页进行解析：BeautifulSoup：使用方便，支css
越大大雨天·2024-02-11 20:17

CSS文本超出希望右对齐

在做form表单校验时，经常会出现但是校验失败的提示文本超出校验项宽度的现象：当超出校验项宽度时，文本换行展示了，希望不换行展示，可以使用.z-form-item__error{white-space:nowrap;}不换行后发现文本直接向右溢出展示，但是因为校验项已经距离右边界很近了，超出右侧直接隐藏了，所以我们需要文本从右向左展示：.z-form-item__error{white-space
lwj1426282929·2024-02-11 20:21

实现鼠标悬停在上面会有一个遮罩效果

我的需求是这样的，鼠标悬停在logo上会有一个很浅的变白效果以便和其它地方区分开，或许你会说直接css上hover选择器里换个颜色不就好了，但是因为我这个是能挑选颜色的所以我就放弃了这种方法，所以这个时候我们就需要加上一个
weixin_43160044·2024-02-11 20:40

C语言常见面试题：C语言中如何进行网页开发编程？

传统的Web开发主要使用高级语言如JavaScript、Python、Ruby、PHP等，以及与Web相关的技术，如HTML、CSS和数据库。
广寒舞雪·2024-02-11 20:05

Day9 : 做個DatePicker (三) - 事件

點擊input展開收起日曆的事件css的部分將日曆設定為絕對定位、預設不顯示並增加一個class並設定顯示（由js控制）。
YNC再寫一篇·2024-02-11 20:20

css补充（四）文字溢出处理，背景图片与文字处理

border:1pxsolidblack;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}2.多行文本多做截断处理二.图片代替文字在css
祝名·2024-02-11 19:41

css格式化排版

css格式化排版一、文字排版css可以设置网页中的字体、字号、颜色等样式属性1、字体css样式中为网页设置字体，一般网页默认为宋体，现在一般网页喜欢设置“微软雅黑”标签名{font-family:"MicrosoftYahei
Scalelength·2024-02-11 18:32

chrome前端页面调试+手机WEB调试

1.前端调试工具：chrome浏览器2.调试页面3.调试方法：在要调试的页面右键，选择检查即可打开调试工具(F12)4.调试功能4.1Element标签页：用于查看和编辑当前页面中的HTML和CSS元素
·2024-02-11 18:34

chrome前端页面调试+手机WEB调试

调试方法：在要调试的页面右键，选择检查即可打开调试工具(F12)，其中最常用的调试功能为：Element标签页：用于查看和编辑当前页面中的HTML和CSS元素。
·2024-02-11 18:22

通义灵码——灵动指间，快码加编，你的智能编码助手

通义灵码，是阿里云出品的一款基于通义大模型的智能编码辅助工具，提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码优化、注释生成、代码解释、研发智能问答、异常报错排查等能力，并针对阿里云的云服务使用场景调优
·2024-02-11 18:13

css之white-space

作用指明浏览器如何对待空白符。属性值normal去掉首尾空白符合并连续空白符将换行符和制表符转换为空白符，然后再执行2自动换行nowrap在normal的基础上，关闭自动换行pre保留首尾空格不合并连续的空格不转换换行符和制表符为空格关闭自动换行pre-wrap在pre的基础上开启自动换行，属性值名上已经明示了。pre-line去掉首尾空白符合并连续空白符应用场景保留内容的原本格式pre比如诗歌类
·2024-02-11 18:11

从0到1：用HTML、CSS和JavaScript构建经典案例

从0到1：用HTML、CSS和JavaScript构建经典案例一、案例目标本案例旨在通过构建一个简单的新闻网站，使读者从零开始学习并掌握HTML、CSS和JavaScript三大前端技术。
·2024-02-11 18:31

webpack5

1.webpackwebpack是一个前端构建工具，就是把开发环境的代码转化成运行环境代码，将JS、CSS代码混淆压缩，让代码体积更小，加载更快。
·2024-02-11 18:49

前端开发CSS实用的技巧有哪些

接上文4.CSS定位CSS定位是非常实用的技巧。CSS定位是一种用于控制网页元素布局和位置的技术。它通过设置元素的定位属性和偏移属性来实现元素在页面中的精确定位。
·2024-02-11 18:46

前端开发CSS实用的技巧有哪些

作为前端开发人员，掌握良好的CSS技巧至关重要。CSS（层叠样式表）作为一种用于定义网页样式和布局的语言，对网页的外观和用户体验起着决定性的作用。
·2024-02-11 18:45

使用 postcss-cva 来生成 cva 方法吧

使用postcss-cva来生成cva方法吧使用postcss-cva来生成cva方法吧什么是cva封装示例组成参数postcss-cva的功能Css示例原子化设计注释参考生成cva函数Refers什么是
·2024-02-11 18:10

如何通过css变量实现主题切换？

目的采用css变量来切换应用的主题。
·2024-02-11 18:39

css的文本换行之word-break

用途用于打断单词属性normal（浏览器默认表现）剩余位置无法容纳当前单词时：●如果是首行，单词将溢出容器。●如果非首行，将单词放到下一行，如果下一行仍然放不下，单词将溢出容器。break-all剩余位置无法容纳当前单词时，把单词打断为两部分，一部分塞到当前行的剩余位置，另一部分放到下一行，如果下一行容纳不下，继续这个打断操作。keep-all阻止CJK（中日韩）语言的自动换行。应用场景break
·2024-02-11 18:34

下一代浏览器插件开发框架 WXT 入门指南

前言如果你没有开发过浏览器插件，那么我建议你直接选择一款框架去开发，因为我们在开发一款Chrome插件时，是采用HTML、CSS和JavaScript的传统方式开发，无法直接使用vue、react等常用框架去编写
·2024-02-11 18:28

CSS 和 SVG 实现彩色图片阴影

下面分布介绍CSS和SVG两种实现方式，一起看看吧一、实现原理从设计上看，其实原理很简单，一张原图和一张模糊的图，叠加在一起就行了，示意如下那么具体如何实现呢？
·2024-02-11 18:52

关于 npm install 执行时的安全审计工作

npminstall命令行执行过程中显示reify:@adobe/css-tools:sillauditbulkrequest进度条，实际上表示npm正在执行安全审计（audit）操作。
·2024-02-11 18:45

前端必学 40个精选案例实战 一课吃透HTML5+CSS3+JS(51资源社)

前端必学40个精选案例实战一课吃透HTML5+CSS3+JS(51资源社)//xia仔k：百度网盘HTML5、CSS3和JavaScript是构建现代网页的三大核心技术。
·2024-02-11 18:07

webpack

2.webpack的作用（1）模块打包：Webpack通过模块化的方式来管理项目中的各种资源，如HTML、CSS、
·2024-02-11 18:18
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他