css随想

html div点击选中效果,纯css实现选中切换效果

很多时候我们用js来实现视觉效果，其实不用那么麻烦，掌握一些常用的css知识能让你事半功倍，这篇文章讲的是使用纯css来实现一个列表项的选中效果，希望对你有所帮助实现这个效果只需要简单三步走：0：写一个简单的列表
weixin_39613712·2024-09-01 15:38

html div鼠标选中状态,html+css+javascript实现跟随鼠标移动显示选中效果

1，显示效果：2,html结构Endcustomergetproduct1LoginEFOSEwebsiteandpresentinstallationormaintenancerequirements2EFOSEprefercontactservicepoint3Customercontactservicepointtogetservice4Customerpaysthebilldirectly
爱护哼哼·2024-09-01 15:38

实现div选中效果

1.被点击时的效果可以用div:active{css}2.鼠标覆盖在上面的时候可以用div：hover{css;}3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：a.
stefanie_sun723·2024-09-01 15:38

博客园-awescnb插件-geek皮肤优化-目录优化

⭐优化鼠标移入显示定义自定义CSS博客园->管理->设置->页面定制CSS代码添加代码#catalogullia:hover{background:rgba(80,80,80,.04);color:#807dd4
丿似锦·2024-09-01 12:22

代码随想录(day8)—环形链表

题目预备知识点：for和while的区别while语句属于循环语句，在判断是，如果条件为true，则会继续判断，直到false为止，即会进行多次判断（除非一开始条件就是错的）。if语句属于条件判断语句，如果条件是true，则继续执行，为false则跳出语句不执行，只会进行单次判断。while与if语句的最大的相同点是都有至少一步的判断。参考链接：while和if的区别-CSDN博客Python中s
lucky rainbow2024·2024-09-01 10:38

vue移动端适配postcss-px-to-viewport

在之前有一种流行已久的移动端适配方案，那就是rem，我想下面这两句代码，有不少老移动端都不会陌生：constdeviceWidth=document.documentElement.clientWidth||document.body.clientWidth;document.querySelector('html').style.fontSize=deviceWidth/7.5+'px';没错，
我是七月·2024-09-01 09:59

tailwindcss

什么是TailwindCSSTailwindCSS是一个可定制化的CSS框架，最大的特点是功能类优先，和我们知道的bootstrap，elementui，antd，veui等框架一样。
readmancynn·2024-09-01 08:53

CSS学习6

CSS背景一、背景颜色和图片二、背景位置三、背景附着四、背景简写五、背景透明六、背景缩放七、多背景八、凹凸文字九、导航栏例子一、背景颜色和图片background-color:pink;背景颜色backgroundoimage
乌鸦不像写字台·2024-09-01 08:22

CSS学习7

三大特性前言一、层叠性二、继承性三、优先级前言CSS三大特性：层叠性，继承性，优先级。一、层叠性层叠性：多个样式的叠加。如果样式冲突，遵循就近原则，哪个离结构近执行哪个。如果样式不冲突，不会重叠。
乌鸦不像写字台·2024-09-01 08:22

CSS学习5

复合选择器前言一、交集选择器二、并集选择器三、后代选择器四、子元素选择器五、属性选择器六、伪元素选择器（css3）前言复合选择器是由两个或多个基础选择器组成的。
乌鸦不像写字台·2024-09-01 08:22

CSS中禁用DOM事件

可以使用pointer-events属性。这个属性指定当鼠标指针设备（如鼠标）在元素上时，事件应该有什么表现。pointer-events:none;表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。例如，如果你想禁用一个按钮的点击事件，你可以这样做：.disabled-button{pointer-events:none;opacity:0.5;/*通常还会降低其透明度
冰眸js·2024-09-01 08:51

CSS学习4[重点]

标签显示模式一、块级元素（block-level）二、行内元素（inline-level）三、行内块标签（inline-block）四、显示模式转换一、块级元素（block-level）每一个块元素通常会独自占据一行或多行，可以对其设置高度、宽度、对齐等属性。常用的块级元素：div，p，h1，ul，ol特点：从新行开始有宽度、行高宽度默认页面100%可以容纳内联元素和其他元素。二、行内元素（inl
乌鸦不像写字台·2024-09-01 07:50

CSS小Tips-1

CSS属性太多了，所以会有很多平时注意不到的知识点，这片博客主要就是记录一下平时遇到的一些需要注意的问题。虽然知识点比较杂，但是实用性很高。
李不远·2024-09-01 07:12

CSS优化实践

在构建高性能网站时，CSS的优化是不可忽视的环节。通过以下几个实践方法，你可以显著提升页面加载速度和响应能力，从而为用户提供更流畅的体验。本文将详细介绍一些有效的CSS性能优化技巧。
乐辞·2024-09-01 07:47

代码随想录算法训练营day55|第九章 动态规划part16

代码随想录dp[i][j]是以i-1为结尾的字符串word1，和以j-1位结尾的字符串word2，想要达到相等，所需要删除元素的最少次数。这道题有两种
.wsy.·2024-09-01 05:37

过滤器、监听器

1、修改login.jsp为了登录页面好看，加入新的登录页面，按照给的资料\模板页面目录里面去拷贝即可（login.jsp，css目录，js目录）。
you0719·2024-09-01 04:34

初识HTML+CSS（ 第4章 认识标签 三 ）

一：使用标签，链接到另一个页面1.用标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签2.语法：链接显示的文本3.title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）4.只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没
Zhangdake·2024-09-01 03:58

快速上手 Electron 及推荐库

它将网页技术（HTML、CSS和JavaScript）带入桌面应用开发，允许开发者使用熟悉的前端技术构建功能强大的桌面应用。####Electron的基本概念1.
Liumoui·2024-09-01 03:54

HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）

原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、
爱码网页·2024-09-01 03:53

HTML静态网页成品作业(HTML+CSS)——抗击疫情网页(4个页面)

不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。
爱码网页成品·2024-09-01 02:19

HTML静态网页成品作业(HTML+CSS)——非遗昆曲介绍设计制作(1个页面)

不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。
爱码网页成品·2024-09-01 02:19

SautinSoft HTML to RTF .Net Crack

SautinSoftHTMLtoRTF.NetCrackKeyFeaturesofSautinSoftHTMLtoRTF.Net:HTMLtoDOCXConversion:ConvertHTMLcontentintoDOCXfileswithfullsupportforCSSandsimpleJavaScript
SEO-狼术·2024-09-01 02:49

05|内联元素与流

01|字母xCSS世界中隐匿的举足轻重的角色因为涉及到排班或者说对齐的,其实都是离不开一个基本的概念:baseline(基线)line-height行高的定义就是两基线的间距,vertical-align
井润·2024-09-01 02:57

手把手学习Vue3.0：CSS样式基础和HTML5基础收藏

现在从头学习前后端分离技术来搞，在做的过程中对CSS和HTML5的基础语法都已经全忘了，正好总结一下，其实也没有什么好总结，就是一个搜集一下语法手册，用的时候方便查查。
帅哥趣谈·2024-09-01 01:43

基于vue-cli3，全局集成 scss | sass

Css的预处理器如果项目中没有scss预处理器，需要安装npminstall-Dsass-loadernode-sass修改配置文件vue.config.jsconstfs=require('fs')module.exports
PHP的点滴·2024-08-31 22:01

css导入样式三种方式

1.内部样式和内嵌样式测试css样式Stylesheets（这是内部样式表）你好世界！
Future728·2024-08-31 22:56

小程序使用iconfont的方法.

转换地址：https://transfonter.org/这里贴一个简单的步骤：image.pngimage.pngimage.png将css文件在外部引入所要用的.wxss文件中即可（@import‘
adustdu2015·2024-08-31 20:07

代码随想录打卡第五十八天

代码随想录–图论部分day58图论第八天文章目录代码随想录--图论部分一、卡码网117--软件构建二、卡码网47--参加科学大会一、卡码网117–软件构建代码随想录题目链接：代码随想录某个大型软件项目的构建系统拥有
zengy5·2024-08-31 19:05

打卡第60天------图论

我会继续回头看代码随想录分享的那些干货的，温故而知新。接下来我就要开始去攻克前端的框架源码和底层原理了，技术深度不够，面试总是挂，要攻克薄弱点了。
感谢上Di_123·2024-08-31 18:04

代码随想录算法训练营第58天| 图论 拓扑排序 dijkstra算法

拓扑排序：听起来是排序实际上是图论问题。对于一个有向图，把这个有向图转化成线性的排序，就叫拓扑排序。实际上是按先后顺序输出需要处理的事件。实现拓扑排序有两种方法，一种是BFS，另一种是DFS。如果要使用BFS，可以先通过入度为0判断起点是哪个点，只要遍历一遍所有边计算所有点的入度就可以找到起点了。在将该节点加入结果集之后删除，继续寻找集合中入度为0的点加入结果集然后再删除，所以如果出现多个入度为零
煤球小黑·2024-08-31 18:02

【bug记录5】flex横向布局时子元素设置宽度无效

具体的css代码如下：.list{display:flex;align-items:center;justify-content:space-between;//没设置宽度，因为想适配子元素的总宽度height
音仔小瓜皮·2024-08-31 18:30

CSS 自定义滚动条样式

/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:10px;height:10px;background-color:#F5F5F5;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:1
MGLMONSTER·2024-08-31 18:03

VUE3笔记

前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli
一介书生.·2024-08-31 16:48

前端性能优化-CSS性能优化

文章目录一、内联首屏关键CSS二、异步加载CSS异步加载的几种方式1.js动态创建样式表link元素，并插入到DOM中。
LYFlied·2024-08-31 16:46

VUE学习笔记—Vue运行时渲染

预览大致说一下项目的背景：我们做了一个拖拉拽生成界面的系统，通过拖拽内置的组件供用户定制自己的界面，但毕竟内置的组件有限，可定制性不高，那么给用户开放一个自定义代码组件，让用户自己通过写template+js+css
前端姑娘·2024-08-31 16:16

前端-JS进阶-API/WebAPI/DOM

文章目录1.API与WebAPI2.DOM1.DOM树2.获取元素3.事件基础4.常见鼠标事件3.改变文本内容/元素属性1.改变文本内容2.改变元素属性4.改变表单属性5.改变CSS样式属性6.排他思想
知恩️·2024-08-31 16:14

速盾：cdn加速好还是整站加速好？

CDN（ContentDeliveryNetwork）加速是利用分布在全球各地的服务器节点，将网站的静态资源（如图片、CSS、JavaScript等）缓存到离用户最近的节点上，从而提高用户访问这些资源的速度
速盾cdn·2024-08-31 15:07

好看的2020年html倒计时源码

介绍：复制文件里面的html+css代码放到你网站适合的地方然后就可以显示了时间自动转的不需要shua新的哦网盆下载地址：https://zijiewangpan.com/2anRuMoVEP0图片：[
huihuixxx·2024-08-31 12:20

vue导入全局css_vue全局配置（引入全局方法样式、按需加载elementui）

一、全局引入css样式//文件目录：/src/assets/styles/reset.less/src/assets/styles/common.less//引用：app.vue@import'~@/assets
weixin_39581099·2024-08-31 12:17

在vue中引入全局scss文件

需要在vue.config.js中加入css:{loaderOptions:{sass:{additionalData:`@import"@/assets/styles/varibles.scss";`
DargonWisdom·2024-08-31 11:15

vue中引入全局css

/assets/global.css';//全局CSS文件newVue({render:h=>h(App),}).$mount('#app');
足球数据分析·2024-08-31 11:15

代码随想录day60:贪心算法｜84.柱状图中最大的矩形

84.LargestRectangleinHistogram进行优化，如果我们想获得left就给他left即可，我们只需要在求宽度的时候用到left,而没必要修改原数组。所以给栈插入一个虚拟索引-1思考过程：left应该为多少呢？首先确定left是什么？left是索引，是左边界的柱子那第一个元素是8的时候，他的面积怎么求的，不就是宽度1*高度8.他的左边界应该是多少呢？根据公式可得：width=1
凌十一·2024-08-31 09:58

Vue 面试题 单页应用和多页应用的区别

这些应用只有一个html文件作为入口，一开始只需加载一次js，css等相关资源。使用js完成页面的布局和渲染。页面展示和功能是根据路由完成的。单页面应用跳转，就是切换相关组件，仅刷新局部资源。
莫道一龙·2024-08-31 09:55

代码随想录打卡第六十一天

代码随想录–图论部分day62图论第十一天（完结）文章目录代码随想录–图论部分一、卡码网97--小明逛公园二、卡码网126--骑士的攻击总结一、卡码网97–小明逛公园代码随想录题目链接：代码随想录给定一个公园景点图
zengy5·2024-08-31 06:39

打卡第59天-------图论

一、dijkstra（堆优化版）精讲代码随想录二、Bellman_ford算法精讲代码随想录
感谢上Di_123·2024-08-31 06:08

CSS学习

CSS全称CascadingStyleSheets一种样式表语言，为html标签修饰定义外观，分工不同CSS与HTML关系html是网页的内容css是网页的样式（结构）行内样式表只能对所在标签进行修饰，
无柳丶先生·2024-08-31 06:04

JavaScript

脚本语言：不需要编译的语言sqlpythonhtmlcssjavaScript直接有某种解释器(引擎)解释执行，逐行从上向下解释执行网景公司和sun公司合作，将LiveScript改名为javaScript1
无柳丶先生·2024-08-31 06:04

css精灵图

Document.star{display:inline-block;width:55px;height:11px;background-color:aqua;background-image:url(./img/ic_rating_s.png);}.star4{background-position:0-22px;}.star2{background-position:0-66px;}.star
码农NoError·2024-08-31 03:18

Gulp入门个人总结

Gulp入门个人总结参考资料：http://www.ydcss.com/archives/18http://www.techug.com/gulphttp://www.browsersync.cn/一．
薰衣草smile·2024-08-31 02:45

白骑士的CSS教学进阶篇之CSS变量 3.4.3 动态改变CSS变量

CSS变量（自定义属性）的动态改变是一个强大的功能，它允许在网页的不同状态或事件发生时，实时更新样式。
白骑士所长·2024-08-31 01:29
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他