E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
【Web前端】CSS
基于JAVA家庭记账系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署
部署基于JAVA家庭记账系统计算机毕业设计源码+系统+mysql数据库+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、
CSS
丽扬科技
·
2024-09-07 02:09
数据库
java
mysql
基于JAVA智能推荐二手车交易网站计算机毕业设计源码+系统+数据库+lw文档+部署
部署基于JAVA智能推荐二手车交易网站计算机毕业设计源码+系统+数据库+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、
CSS
光光网络
·
2024-09-07 02:07
java
开发语言
html如何嵌套页面？
标签告诉你答案</h4> </div> <div class="article-excerpt"> <em>web前端</em>全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）在这里小编首先介绍的是HTML中iframe标签的用法：怎么在一个网页中嵌入另一个网页呢，我们可以用html中的iframe标签搞定 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> PHP9年架构师<span class="dot">·</span>2024-09-07 02:06 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832091863780257792.htm" ></a> <a target="_blank" href="/article/1832091863780257792.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">【vue3+ts+vant】上传图片</h4> </div> <div class="article-excerpt"> 使用van-upload组件，进行样式和功能配置组件基础结构配置文字和图标配置最多数量和最大体积支持双向数据绑定，支持选择图片后触发函数，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式s<em>css</em> </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> lisa带你捕蟑螂<span class="dot">·</span>2024-09-07 00:54 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/vue.js/1.htm"> vue.js </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/typescript/1.htm"> typescript </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832067422417416192.htm" ></a> <a target="_blank" href="/article/1832067422417416192.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>css</em> deep深度选择器 vue2/vue3使用</h4> </div> <div class="article-excerpt"> vue2/deep/>>>::v-deepvue3:deep(inner-selector){} </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> saunte<span class="dot">·</span>2024-09-06 22:46 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/vue.js/1.htm"> vue.js </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/scss/1.htm"> scss </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832064646488616960.htm" ></a> <a target="_blank" href="/article/1832064646488616960.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">使用<em>CSS</em>、JavaScript、jQuery三种方式实现手风琴效果</h4> </div> <div class="article-excerpt"> 我试着用<em>css</em>、js、jQuery三种方式实现了这种效果，最终效果差不多，美中不足的是，<em>css</em>方式当鼠标离开后，会恢复到初始状态，也就是显示第一张大图片的状态。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 蒲公英1001<span class="dot">·</span>2024-09-06 22:44 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/jquery/1.htm"> jquery </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832062503799058432.htm" ></a> <a target="_blank" href="/article/1832062503799058432.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>css</em>-深度选择器-vue2</h4> </div> <div class="article-excerpt"> /deep/伪类在Vue2.x中是一个被废弃的特性，并且在Vue3.x中已经移除。如果你正在使用Vue2.x，那么在某些情况下，/deep/伪类可能仍然有效，但不建议使用，因为它不是一个官方推荐的解决方案，并且在将来的版本中可能会被彻底移除。相反，如果你想要修改Vue组件内部的样式，可以考虑使用以下几种方法：使用深度选择器：在Vue组件中，你可以使用>>>或::v-deep来代替/deep/。例如 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> "*smile*"<span class="dot">·</span>2024-09-06 22:14 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/html/1.htm"> html </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832058594246356992.htm" ></a> <a target="_blank" href="/article/1832058594246356992.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em> Vue3深度选择器</h4> </div> <div class="article-excerpt"> Vue3TypeScriptViteVant1.在template中的布局2.当我们在style标签中需要改变vant组件的样式时，需要使用到深度选择器背景：scope样式私有化，避免样式冲突原理：在<em>css</em> </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 不叫虎子<span class="dot">·</span>2024-09-06 22:42 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS/1.htm"> CSS </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/html/1.htm"> html </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832057837677801472.htm" ></a> <a target="_blank" href="/article/1832057837677801472.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">Vue2、Vue3中 <em>CSS</em> 样式穿透</h4> </div> <div class="article-excerpt"> Vue2一、箭头三剑客(原生<em>css</em>)>>>.类名>>>.类名{样式}二、（sass、less中）：/deep//deep/.类名{样式}三、（sass、less中）： </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> lsy1234565<span class="dot">·</span>2024-09-06 22:41 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1832047000791642112.htm" ></a> <a target="_blank" href="/article/1832047000791642112.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">vue中的<em>css</em>深度选择器</h4> </div> <div class="article-excerpt"> 在Vue.js项目中，尤其是在使用组件化开发时，我们时常需要修改组件内部的样式，但Vue的样式封装特性（如）会阻止外部样式直接作用于组件内部。为了应解决这个问题，Vue社区引入了深度选择器（也称为穿透选择器或阴影穿透选择器），让我们能够跨越组件的封装边界，对内部元素进行样式定制。解决办法一:由于scoped属性的防渗透作用，添加的样式不会生效,将scoped属性去掉,样式生效了.这种写法是作用到全 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 呼叫6945<span class="dot">·</span>2024-09-06 21:37 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/vue%E5%9F%BA%E7%A1%80/1.htm"> vue基础 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm"> 开发语言 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/vue/1.htm"> vue </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS%E6%A0%B7%E5%BC%8F%E7%A9%BF%E9%80%8F/1.htm"> CSS样式穿透 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831926707498610688.htm" ></a> <a target="_blank" href="/article/1831926707498610688.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面</h4> </div> <div class="article-excerpt"> **1.HTML2.<em>CSS</em>3.前端基础4.前端核心5.前端进阶6.移动端开发7.计算机基础8.算法与数据结构9.设计模式10.项目11.职业发展12.Hr面**正文HTML1.浏览器页面有哪三层构成，分别是什么 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 2401_86400095<span class="dot">·</span>2024-09-06 13:37 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831891915327500288.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/be91cfd46e0c4a3db15c2d6b7a7ffa75.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831891915327500288.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>笔记</h4> </div> <div class="article-excerpt"> 8.201.层级具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面。注意：如果两个定位元素重叠，没有指定z-index，最后定位在HTML代码中的元素将被显示在最前面。有三个特征：1.元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素2.z-index属性指定了⼀个元素的堆叠顺序（哪个元素应该放在前面，或后面）3.⼀个元素可以有正数或负数的堆叠顺序2.透明度透明度有两种表示方法，分别是：1 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 陈两全<span class="dot">·</span>2024-09-06 11:22 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%AC%94%E8%AE%B0/1.htm"> 笔记 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831891663124000768.htm" ></a> <a target="_blank" href="/article/1831891663124000768.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>笔记</h4> </div> <div class="article-excerpt"> 8.131.列表样式列表样式是指写在li标签上面的样式控制，他有三个属性和一个综合属性，分别是1.list-style-type2.list-style-position3.list-style-image4.list-style（综合属性）1.1.list-style-typelist-style-type有五个属性值，分别是1.默认值:disc（实心圆）2.circle（空心圆）3.squar </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 陈两全<span class="dot">·</span>2024-09-06 11:22 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%AC%94%E8%AE%B0/1.htm"> 笔记 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831872028676812800.htm" ></a> <a target="_blank" href="/article/1831872028676812800.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">js介绍，js基本语法</h4> </div> <div class="article-excerpt"> 前端三大块1、HTML：页面结构2、<em>CSS</em>：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果3、 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 给脸别傲_5274<span class="dot">·</span>2024-09-06 09:21 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831730819807408128.htm" ></a> <a target="_blank" href="/article/1831730819807408128.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">2024年刚刚翻新前端vue面试题</h4> </div> <div class="article-excerpt"> 指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的v-html指令：绑定一些包含html代码的数据在视图上v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素<em>css</em> </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 江湖二哥<span class="dot">·</span>2024-09-06 00:14 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm"> 面试题 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/vue.js/1.htm"> vue.js </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831717079955369984.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/75d5e211b8bc4b50ade5cc9f110c22ca.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831717079955369984.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>Web前端</em>最新2024 用好这 8 个工具，提升前端工程师软技能(3)，三面头条+四面阿里+五面腾讯拿offer分享面经总结</h4> </div> <div class="article-excerpt"> 跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。WINTERISCOMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 2401_84433769<span class="dot">·</span>2024-09-05 23:38 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm"> 程序员 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9D%A2%E8%AF%95/1.htm"> 面试 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831717080584515584.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/cc4b44a56fa04660959cf032411b4a69.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831717080584515584.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>Web前端</em>最新2024 跳槽涨薪必不可少面试通关宝典 —— <em>css</em> 篇(1)，<em>Web前端</em>面试题初级</h4> </div> <div class="article-excerpt"> 结尾正式学习前端大概3年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】取消盒子的 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 2401_84433769<span class="dot">·</span>2024-09-05 23:38 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm"> 程序员 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9D%A2%E8%AF%95/1.htm"> 面试 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831671443872641024.htm" ></a> <a target="_blank" href="/article/1831671443872641024.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">【<em>CSS</em>】<em>CSS</em>之&旋转&动画</h4> </div> <div class="article-excerpt"> 目录iconfont图标的使用进入https://www.iconfont.cn位移旋转转换原点缩放位移&旋转&缩放注意点渐变色动画关键帧鼠标经过暂停逐帧动画多组动画多组动画iconfont图标的使用进入https://www.iconfont.cn添加完成iconfont图标之后点击添加至项目，在项目中就可以看到添加的图标常用的有三种方法，第一种下载至本地第二种生成在线代码复制到相应的文件内第三 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> Pixel0216<span class="dot">·</span>2024-09-05 20:18 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS/1.htm"> CSS </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%8A%A8%E7%94%BB/1.htm"> 动画 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css3/1.htm"> css3 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831671191211962368.htm" ></a> <a target="_blank" href="/article/1831671191211962368.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>选择器的命名规范</h4> </div> <div class="article-excerpt"> 1.模块化命名例如：与布局相关的样式以“g”为开头。如“g-content”和“g-header”；与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”；与元件相关的样式以“m”为开头。如“m-dropMenu”和“m-slider”；与状态相关的样式以“s”为开头。如“s-current”和“s-selected”；与工具相关的样式以“u”为开头。如“u-clearfix” </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 前端_小智<span class="dot">·</span>2024-09-05 20:17 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/HTML/1.htm"> HTML </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831670056166191104.htm" ></a> <a target="_blank" href="/article/1831670056166191104.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>css</em>不换行省略号 没作用,flex布局下，<em>css</em>设置文本不换行时，省略号不显示的解决办法...</h4> </div> <div class="article-excerpt"> 大致是有一个main容器是flex布局，左边一个logo固定宽高，右边content动态宽度。anameainfoLoremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercit </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> weixin_39779739<span class="dot">·</span>2024-09-05 20:47 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css%E4%B8%8D%E6%8D%A2%E8%A1%8C%E7%9C%81%E7%95%A5%E5%8F%B7/1.htm"> css不换行省略号 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E6%B2%A1%E4%BD%9C%E7%94%A8/1.htm"> 没作用 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831666274992746496.htm" ></a> <a target="_blank" href="/article/1831666274992746496.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>选择器</h4> </div> <div class="article-excerpt"> 目录1、基本选择器1）标签选择器2）id选择器3）类选择器4）通配选择器2、交集选择器3、派生选择器1）后代选择器2）子元素选择器3）兄弟选择器4）邻居选择器4、属性选择器1）简单属性选择器2)具体属性选择器3）子串属性选择器5、伪类选择器1):first-child和：last-child2):nth-child(n)3）状态伪类6、伪元素选择器7、结构伪类选择器1、:root2、:not3、: </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> Mr.蔬菜<span class="dot">·</span>2024-09-05 20:45 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css3/1.htm"> css3 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831664637179949056.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/20d53bbb2fe54175aa806081fdbf2173.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831664637179949056.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">在<em>css</em>中选择器失效问题解决方法</h4> </div> <div class="article-excerpt"> 今天写前台的时候发现一个问题，我的<em>css</em>文件中id选择器失效了，前台页面F12控制台中也没有对应的<em>css</em>内容，很是奇怪，内容是这样的：html文件中：<em>css</em>文件中：前台：那，真的是空空如也哈，后来找了下资料 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 星星也会数人类嘛<span class="dot">·</span>2024-09-05 20:15 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%80%89%E6%8B%A9%E5%99%A8%E5%A4%B1%E6%95%88/1.htm"> 选择器失效 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831661229022736384.htm" ></a> <a target="_blank" href="/article/1831661229022736384.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>css</em>常见选择器</h4> </div> <div class="article-excerpt"> <em>CSS</em>是什么？<em>CSS</em>,即层叠样式表(CascadingStyleSheets)，能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果.能够做到页面的样式和结构分离。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 灵魂清零<span class="dot">·</span>2024-09-05 19:42 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831658331656253440.htm" ></a> <a target="_blank" href="/article/1831658331656253440.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>前端学习（online tuorials）</h4> </div> <div class="article-excerpt"> index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数，用于处理视差效果functionparallax(e){//使用querySelectorAll选择 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 憨憨憨憨憨到不行的程序员<span class="dot">·</span>2024-09-05 19:11 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS%E5%AD%A6%E4%B9%A0%EF%BC%88online/1.htm"> CSS学习（online </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/tuorials%EF%BC%89/1.htm"> tuorials） </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831657575234498560.htm" ></a> <a target="_blank" href="/article/1831657575234498560.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">纯<em>CSS</em>实现图片预加载效果</h4> </div> <div class="article-excerpt"> 不要再受Javascript预载的束缚了吧，用<em>CSS</em>你就可以毫不麻烦的预载你的图片。为什么使用预载你为什么会考虑使用预载呢？ </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> load_life<span class="dot">·</span>2024-09-05 19:11 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm"> 前端开发 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS3/1.htm"> CSS3 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm"> 浏览器 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/image/1.htm"> image </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/url/1.htm"> url </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/webkit/1.htm"> webkit </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831647736538165248.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/fb81a1e6e65a4233a9f9df2771ca9119.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831647736538165248.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">前端练习小项目——视觉冲击卡片</h4> </div> <div class="article-excerpt"> 前言：前言：在学习完HTML和<em>CSS</em>之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 秋刀鱼不做梦<span class="dot">·</span>2024-09-05 18:05 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS/1.htm"> CSS </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/html/1.htm"> html </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css3/1.htm"> css3 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/vscode/1.htm"> vscode </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831643703182192640.htm" ></a> <a target="_blank" href="/article/1831643703182192640.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>前端学习（online tuorials）旋转动画</h4> </div> <div class="article-excerpt"> index.htmlcourse2style.<em>css</em>*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 憨憨憨憨憨到不行的程序员<span class="dot">·</span>2024-09-05 18:04 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS%E5%AD%A6%E4%B9%A0%EF%BC%88online/1.htm"> CSS学习（online </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/tuorials%EF%BC%89/1.htm"> tuorials） </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831631569169772544.htm" ></a> <a target="_blank" href="/article/1831631569169772544.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">认识H5标签和<em>CSS</em>3新特性</h4> </div> <div class="article-excerpt"> https://developer.mozilla.org/zh-CN/docs/web/guide/HTML/HTMLHTML5新标签语义化标签视频标签音频标签input新标签及新属性<em>CSS</em>3新选择器属性选择器结构伪类选择器此前学习过的 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 8c2e58e492bd<span class="dot">·</span>2024-09-05 17:51 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831595804532502528.htm" ></a> <a target="_blank" href="/article/1831595804532502528.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">nginx 解决vue打包后显示404静态图片无法显示的问题</h4> </div> <div class="article-excerpt"> //刷新后显示404location/{try_files$uri$uri//index.html;}//静态图片或者<em>css</em>js文件目录location/assets/{root/assets;} </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 初遇你时动了情<span class="dot">·</span>2024-09-05 15:44 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/nginx/1.htm"> nginx </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/vue.js/1.htm"> vue.js </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831583071917404160.htm" ></a> <a target="_blank" href="/article/1831583071917404160.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">前端之<em>CSS</em>布局</h4> </div> <div class="article-excerpt"> 一、前言我们来继续更新<em>CSS</em>的内容，往期的内容可以到前端专栏里去看，也可以点下面的链接HTML常用内容：https://blog.csdn.net/AWSDN/article/details/136112174spm </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> Violet永存<span class="dot">·</span>2024-09-05 14:08 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831551939771461632.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/32d70894280e4c8399ae40818dd55d01.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831551939771461632.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">linux的webkit桌面应用,使用node-webkit构建桌面应用程序</h4> </div> <div class="article-excerpt"> <em>Web前端</em>的现状目前的<em>Web前端</em>的现状较之5-6年前，简直不能同日而语：从所使用的技术、工具、框架到开发一个产品所需要付出的工作量，从前端开发从业人员的数量到Web应用的数量，从企业对于<em>Web前端</em>的重要程度的认识到 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 萌萌爱恋<span class="dot">·</span>2024-09-05 12:26 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831550815614103552.htm" ></a> <a target="_blank" href="/article/1831550815614103552.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">规则7 — 避免 <em>CSS</em> 表达式</h4> </div> <div class="article-excerpt"> <em>CSS</em>表达式的问题在于对其进行求值的频率比人们期望的要高，它们不止在页面呈现和大小改变时求值，当页面滚动、甚至用户鼠标在页面上移动时都要求值。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> __越过山丘__<span class="dot">·</span>2024-09-05 12:58 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831547527401402368.htm" ></a> <a target="_blank" href="/article/1831547527401402368.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">Ajax实现一个简单的文件上传进度条</h4> </div> <div class="article-excerpt"> 1.HTML代码文件名：2.<em>CSS</em>样式.progress-div{width:100%;height:20px;background-color:#ffffff;}#progress{height:20px </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> niceLiuSir<span class="dot">·</span>2024-09-05 12:54 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/ajax/1.htm"> ajax </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/okhttp/1.htm"> okhttp </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831489904694095872.htm" ></a> <a target="_blank" href="/article/1831489904694095872.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">前端之路，与大师同行：不容错过的技术大牛博客精选</h4> </div> <div class="article-excerpt"> 以下是一些具体的建议：（一）前端程序员应该如何提升自己一、技术能力的提升深入学习基础技术：HTML、<em>CSS</em>、JavaScript：作为前端开发的基础，必须深入理解和掌握。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 芭拉拉小魔仙<span class="dot">·</span>2024-09-05 08:55 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E6%88%90%E9%95%BF%E6%9C%AD%E8%AE%B0/1.htm"> 程序员成长札记 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831446799093690368.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/ddb873759da94610ab98a0466a110eb7.png@!80x60')" ></a> <a target="_blank" href="/article/1831446799093690368.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">实现带有弧度的左右边角</h4> </div> <div class="article-excerpt"> 像这样的圆角要怎么实现从结构上来看是用before和after来实现的对激活项进行设置一个定位对before进行一个相对定位放在左下角重点就在于这个背景<em>css</em>的设置进行一个圆形的渐变把圆心定在左上角这个圆形的背景就是透明的剩下的就是这个 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> kilito_01<span class="dot">·</span>2024-09-05 05:38 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831393599841988608.htm" ></a> <a target="_blank" href="/article/1831393599841988608.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>和S<em>CSS</em>有什么区别？</h4> </div> <div class="article-excerpt"> 我非常了解<em>CSS</em>，但是对Sass感到困惑。S<em>CSS</em>与<em>CSS</em>有什么不同？如果我使用S<em>CSS</em>而不是<em>CSS</em>，它会一样工作吗？.<em>css</em>萨斯—Urvi_204来源4S<em>CSS</em>是<em>CSS</em>的超集。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 上河雨滴<span class="dot">·</span>2024-09-05 02:15 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/scss/1.htm"> scss </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831391077647609856.htm" ></a> <a target="_blank" href="/article/1831391077647609856.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">s<em>css</em>和<em>css</em>区别</h4> </div> <div class="article-excerpt"> S<em>CSS</em>和<em>CSS</em>是类似的技术，S<em>CSS</em>是一个<em>CSS</em>预处理器，可以看作是一种特殊的<em>CSS</em>语法。它可以通过提供一些附加功能和特性，使得开发者在编写<em>CSS</em>样式时更加方便和高效。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> m0_63835647<span class="dot">·</span>2024-09-05 01:13 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/scss/1.htm"> scss </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831390951277424640.htm" ></a> <a target="_blank" href="/article/1831390951277424640.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">其他面试题</h4> </div> <div class="article-excerpt"> 组件生命周期二、条件编译在工具中，打if出现的条件编译例如： 这是h5端 性能优化面试题一、加载优化1.http请求能不能减少（能不能合并）2.图片的雪碧图3.script标签位置4.link标签（<em>css</em> </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 奈何我是个菜鸡<span class="dot">·</span>2024-09-05 01:43 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E9%9D%A2%E8%AF%95/1.htm"> 面试 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831368466528038912.htm" ></a> <a target="_blank" href="/article/1831368466528038912.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">2019-06-01课后作业</h4> </div> <div class="article-excerpt"> HTML20190531作业<em>CSS</em>.bth:link{display:block;width:42px;height:30px;background-image:url(img/4.png);background-repeat </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 三腿M<span class="dot">·</span>2024-09-05 00:22 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831346973907709952.htm" ></a> <a target="_blank" href="/article/1831346973907709952.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>css</em>实现瀑布流布局</h4> </div> <div class="article-excerpt"> 瀑布流布局也可以通过纯<em>CSS</em>来实现，使用<em>CSS</em>的column属性可以实现多列布局。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 茶卡盐佑星_<span class="dot">·</span>2024-09-04 23:58 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831339535280205824.htm" ></a> <a target="_blank" href="/article/1831339535280205824.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em> 与 S<em>CSS</em> 区别</h4> </div> <div class="article-excerpt"> 前言在学习前端开发的时候，看见很多代码都是定义样式的时候，都是用.s<em>css</em>格式为什么采用这种格式，为什么还可以定义这种关键字（!important等等）。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> HiCheer-O<span class="dot">·</span>2024-09-04 22:25 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/scss/1.htm"> scss </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831335880372088832.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/7652a7bee837479db9ed8446882c167b.jpg@!80x60')" ></a> <a target="_blank" href="/article/1831335880372088832.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>和S<em>CSS</em>之间的区别</h4> </div> <div class="article-excerpt"> <em>CSS</em>是用于网页开发的样式语言。它可以帮助设计师为网页设置样式，使其更具吸引力。<em>CSS</em>是Web开发三个基本部分之一，其他两个是JavaScript和HTML。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> ac-er8888<span class="dot">·</span>2024-09-04 22:53 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/javascript/1.htm"> javascript </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/html5/1.htm"> html5 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css3/1.htm"> css3 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/less/1.htm"> less </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/stylus/1.htm"> stylus </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831335250639286272.htm" ></a> <a target="_blank" href="/article/1831335250639286272.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">探索 <em>CSS</em>、Sass 和 S<em>CSS</em>：区别与应用</h4> </div> <div class="article-excerpt"> 在前端开发中，样式设计是不可或缺的一部分，而<em>CSS</em>（CascadingStyleSheets）、Sass（SyntacticallyAwesomeStylesheets）和S<em>CSS</em>（Sassy<em>CSS</em>）是其中最常用的三种工具 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> ptw-cwl<span class="dot">·</span>2024-09-04 22:23 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/sass/1.htm"> sass </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/scss/1.htm"> scss </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831334368300331008.htm" ></a> <a target="_blank" href="/article/1831334368300331008.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>学习1</h4> </div> <div class="article-excerpt"> <em>CSS</em>前言一、类选择器二、id选择器三、通配符选择器四、伪类选择器1.链接伪类选择器2.结构（位置）伪类选择器3.目标伪类选择器前言<em>CSS</em>：层叠样式表样式规则：选择器{属性：值；属性：值；}一、类选择器类选择器 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 乌鸦不像写字台<span class="dot">·</span>2024-09-04 22:53 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css%E5%AD%A6%E4%B9%A0/1.htm"> css学习 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%AD%A6%E4%B9%A0/1.htm"> 学习 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831331337269768192.htm" ></a> <a target="_blank" href="/article/1831331337269768192.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">s<em>css</em> 和<em>css</em> 的区别 s<em>css</em>变量和<em>css</em>变量的区别</h4> </div> <div class="article-excerpt"> s<em>css</em>和<em>css</em>的区别语法差异：<em>CSS</em>使用大括号{}和分号;来定义样式规则和属性。S<em>CSS</em>使用了Sass的语法，它允许使用类似编程语言的结构，如变量、嵌套规则、混合（mixins）和继承等。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 我有一棵树<span class="dot">·</span>2024-09-04 21:50 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/scss/1.htm"> scss </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831326295380815872.htm" ></a> <a target="_blank" href="/article/1831326295380815872.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>css</em>改变鼠标样式</h4> </div> <div class="article-excerpt"> 要在网页上改变鼠标的样式，你可以使用<em>CSS</em>的cursor属性。这个属性允许你为网页上的不同元素设置不同的鼠标指针样式。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 李是啥也不会<span class="dot">·</span>2024-09-04 21:48 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831323396797984768.htm" ></a> <a target="_blank" href="/article/1831323396797984768.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>css</em>中设定长度的例外情况</h4> </div> <div class="article-excerpt"> 看下面的例子：div{font-size:40px;width:10em;/*400px*/height:10em;border:solid1pxblack;}p{font-size:0.5em;/*20px*/width:10em;/*200px*/height:10em;border:solid1pxred;}span{font-size:0.5em;width:10em;height:10e </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 2301_79698214<span class="dot">·</span>2024-09-04 21:17 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831321380214370304.htm" class='news-img' style="background-image:url('http://img.e-com-net.com/image/info8/92218269d29e4e9eaf2dc1a7aed61732.gif@!80x60')" ></a> <a target="_blank" href="/article/1831321380214370304.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>CSS</em>3换装达人原理</h4> </div> <div class="article-excerpt"> 引言换装或者是换皮肤是常见的行为，我们可以先看下效果：选择不同的颜色，就可以秒变人物服装的颜色，原理其实非常简单实现步骤主要分为三步，即素材的提供、布局样式、动态控制图片提供提供两张图片，一张人物图片，一张除衣服外其余透明的图片布局和样式布局主要是元素的定位，两张图片的叠加，需要用到相对定位和绝对定位/**底图（人物）*/.person{width:256px;height:512px;backg </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> Jinuss<span class="dot">·</span>2024-09-04 21:16 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/CSS/1.htm"> CSS </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css3/1.htm"> css3 </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831292773744078848.htm" ></a> <a target="_blank" href="/article/1831292773744078848.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0">uniapp <em>css</em>样式盒子上面的箭头样式</h4> </div> <div class="article-excerpt"> 在uniapp中，要创建一个盒子上面的箭头样式，可以使用<em>CSS</em>的伪元素::after或::before来实现。以下是一个简单的例子，展示了如何使用<em>CSS</em>创建一个向上的箭头。 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> m0_69254007<span class="dot">·</span>2024-09-04 19:36 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/uni-app/1.htm"> uni-app </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> <div class="news-item stream__item clearfix mt15"> <div class="news__item-info clearfix"> <a href="/article/1831280176089100288.htm" ></a> <a target="_blank" href="/article/1831280176089100288.htm"> <div class="mb5 mt5"> <h4 class="news__item-title mt0"><em>css</em> spacing设置间距</h4> </div> <div class="article-excerpt"> word-spacing属性用于设置单词之间的间距。它只影响英文单词之间的间距，对中文无效。例如，设置word-spacing:30px;将在每个单词之间增加30像素的间距。这个属性可以增加或减少字与字之间的空白，并且允许负值，即减少字与字之间的间距。letter-spacing属性用于设置字母之间的间距，适用于中文和英文。例如，设置letter-spacing:10px;将在每个字母之间增加10 </div> </a> <div class="news__item-meta"> <span class=" votes-operation"> <span class="wrap"> <i class="glyphicon glyphicon-thumbs-up hot"></i> </span> <span class="author pr20"> 时间不说谎<span class="dot">·</span>2024-09-04 18:32 </span> </span> <ul class="taglist--inline inline-block article__title--tag"> <li class="tagPopup mb5"> <a class="tag" href="/search/css/1.htm"> css </a> </li> <li class="tagPopup mb5"> <a class="tag" href="/search/%E5%89%8D%E7%AB%AF/1.htm"> 前端 </a> </li> </ul> </div> </div> </div> </div> <!-- 首页底部--动态广告 --> <div id="bottom-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="index_ad_bottom_1"></div> </div> </div> <div class="col-md-3 col-xs-12 right" id="right"> <!-- 首页右侧--动态广告1 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="index_ad_right_1"></div> </div> <!-- 首页右侧--动态广告2 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="index_ad_right_2"></div> </div> <!-- 首页右侧--动态广告3 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="index_ad_right_3"></div> </div> </div> </div> <div class="page_mod mt15"> <span class="page_next"><a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/4.htm" target="_self" title="上一页" class="page_next">上一页</a></span> <a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/1.htm">1</a> <a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/2.htm">2</a> <a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/3.htm">3</a> <a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/4.htm">4</a> <span class="current">5</span> <a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/6.htm">6</a> <a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/7.htm">7</a> <a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/8.htm">8</a> <span class="page_next"><a href="/search/%E3%80%90Web%E5%89%8D%E7%AB%AF%E3%80%91CSS/6.htm" target="_self" title="下一页" class="page_next">下一页</a></span> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>