如何优雅的写 css 代码
CSS(全称CascadingStyleSheets,层叠样式表)为开发人员提供声明式的样式语言,是前端必备的技能之一,基于互联网上全面的资料和简单易懂的语法,CSS非常易于学习,但其知识点广泛且分散,很难做到精通,在我们日常开发中,常常忽视了CSS代码的质量,很容易写出杂乱无章的CSS文件。
菜园前端 菜园前端
1年前
你需要知道的CSS基础样式知识
原文链接:定位相关相对定位css.mycontentposition:relative;绝对定位css.mycontentposition:absolute;left:0;top:0;固定定位css.mycontentposition:fixed;left
菜园前端 菜园前端
1年前
你真的了解的CSS3盒模型和CSS3特性知识吗
原文链接:什么是CSS3?CSS3是CSS一个新的标准,直接理解为是CSS的升级版,里面新增了很多样式(特性)。CSS3盒子模型:::warningCSS3盒子模型必须要掌握,否则你在实际开发中遇到样式错乱很难排查问题。:::旧版的IE浏览器与其它浏览器解
Stella981 Stella981
3年前
HTML5+CSS+JQuery 实现简单的进度条功能
样式:<styletype"text/css".processcontainer2{width:450px;border:1pxsolid6C9C2C;height:25px;borderradius
Wesley13 Wesley13
3年前
JBolt开发平台入门(14)
项目中,单表操作CURD,一个界面里,有增删改查的操作,有分页,有个Table显示数据,有按钮点击操作就行了。常见的样式:!常见样式(https://oscimg.oschina.net/oscnet/77df450476a512e6343cf793955c218e1f4.jpg)除了单表操作管理,还有一些业务是主从表管理,一个主表对
Wesley13 Wesley13
3年前
video 铺满父元素(object
 遇到这个属性,是在给video嵌入一个div时,导致video播放器上下有灰色。在控制台查看video默认样式的时候看到了这个属性。!(https://oscimg.oschina.net/oscnet/c205babf0fc5ff45bb1f1b4bebbef684d2a.jpg)播放器上下的灰色,不是我们想要的样式,如果能完全覆盖就更好了。
Stella981 Stella981
3年前
Sass之混合宏、继承、占位符
  1、混合宏。    当样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目的了。这个时候混合宏就派上用场了。  而使用混合宏时,首先要声明混合宏,而声明混合宏时有两种,不带参数混合宏和带参数混合宏两种。  1.1不带参数混合宏的声明要使用关键词@mixin。例如:  @mixinborderradi
Stella981 Stella981
3年前
CSS前端经典面试题及解析——小白入门必备
1.CSS选择器的优先级是如何计算的?浏览器通过优先级规则,判断元素展示哪些样式。优先级通过4个维度指标确定,我们假定以a、b、c、d命名,分别代表以下含义:1.a表示是否使用内联样式(inlinestyle)。如果使用,a为1,否则为0。2.b表示ID选择器的数量。3.c表示类选择器、属性
Stella981 Stella981
3年前
Chrome 75 将原生支持图片的惰性加载
!(https://oscimg.oschina.net/oscnet/e6f244be9e5b2aadb16d8effa40fc569e28.gif)随着浏览器性能的提升,前端也越来越关注用户体验,而影响用户体验其中一个很重要的指标便是受首屏渲染速度。我们常常会针对样式、脚本、图片、音频、视频等资源做处理,比如针对样式和脚本的压缩合并,
京东云开发者 京东云开发者
3个月前
研发都应该了解的如何在vite中接入现代化css工程化方案
作者:京东物流刘微微背景好的css工程化方案可以增强我们项目的可维护性、提高样式的复用性、进行自动化处理等,在提高页面加载速度和性能的同时,我们可以有更多的精力进行js逻辑的处理。添加全局样式文件使用场景:有一个scss/less文件,此文件中定义了一些全