
css
文章平均质量分 91
前端史塔克
普及从学校到工作怎么快速转变,更高效学习前端知识及后续发展趋向,更好快速的融入到工作中 关注公号:前端史塔克
展开
-
精灵图在现代前端中到底有用没,css中显示和隐藏竟有两种不同方式
css基础篇(第七篇) 回顾 在上一讲中我们基本上学习了css中定位的几种方式,包括定位在实际工作中常用的口诀等,除此之外还学习了margin:0 auto 水平居中的效果、未来常用的z-index等层叠。我们还详细的阐述了样式的书写顺序到底能不能影响渲染性能,如果没有看到的小伙伴可以看前一篇文章。这一讲我们将开启css基础篇的最后一讲。之后就要开始学习 css3 和 html5 了! 元素的显示与隐藏 dispaly display:none —— 隐藏对象,隐藏之后位置也不能占有 display:bl原创 2021-09-23 23:44:04 · 744 阅读 · 0 评论 -
样式的书写顺序到底能影响渲染性能吗,css中定位到底有几种方式
css基础篇(第六篇) 回顾 在上一讲中我们基本上掌握了 css 的书写顺序和一些简单的布局样式和流程,因为上一讲中并没有涉及到太多的技术类型,基本上都以理论为主的,所以看起来比较轻松一点。“思想先行”一直是我觉得比较重要的一点,在写布局的时候也是这个道理,一定要先思考才能写出比较合理的布局方式,如果布局不稳的话 后续样式就更无从谈起,特别对新手来说是尤为重要的。 关于评论 上一篇内容,小伙伴:“wuhu” 留言说:“我记得样式的属性顺序最好按照重流>重绘,可以提高渲染性能”,在这里针对这个问题再次说原创 2021-09-17 00:15:46 · 427 阅读 · 0 评论 -
css正确的书写顺序,这些工作之初基本习惯你都掌握了吗
css基础篇(第五篇) 回顾 在上一讲中我们基本上了解了 css 中比较重要的清除浮动四种方式以及float怎么用会比较合理,以及在 css 中常见的普通流、浮动、定位等问题。除此之外在前端中掌握基本的 ps 技巧也是非常重要的。所以作为基础一定要熟练运用,熟练掌握。 在这一篇中我们就不说 css 的内容了,作为 css 的中间篇幅,我们就综合的说一说对于新手来说前端中布局的重要性以及对于初入职场中对于 css 来说应该遵守哪些规则,避免在工作期间踩坑等。 css中的书写顺序 先来说一说为什么要出现书写顺序原创 2021-09-14 22:24:27 · 427 阅读 · 0 评论 -
详解css中清除浮动的四种方式,float怎么用最合理
css基础篇(第四篇) 回顾 在上一讲中我们基本上学习了 css 中经典的塌陷问题以及 margin 和 padding 具体指的是什么和怎么合理运用,除此之外,在上一讲的最后我们还了解了圆角边框和盒子阴影,更能熟悉的学习对于盒子更多非常规的时候怎么去贴合业务。掌握基础是非常重要的,所以需要不停的学习和练习。 css布局的三种机制 在之前我们认识的都是css中按照正常流去布局的,正常流就是按照正常的逻辑从上到下,从左到右去布局,这次以及往后我们学习了浮动和定位之后你会发现,其实在日常的业务和工作当中按照正常原创 2021-09-11 18:42:06 · 291 阅读 · 0 评论 -
css中塌陷问题怎么解决,margin和padding应该怎么区分
css基础篇(第三篇) 回顾 在上一篇中我们基本了解了css中background的综合写法以及css中的权重优先级问题,在这一讲中我们会认识一个比较重要的padding和margin,并且会了解到css中的塌陷问题,这在往后工作和学习中都是必不可少的部分甚至相当重要。如果不了解或者不太熟悉css基础的话,建议去看一看之前的篇幅,这一篇接着css开始讲。 看透网页的本质 在现代的html布局中,我们基本上都是使用盒子模型来布局,简而言之就是利用div来布局,所以说往后对于整个盒子的控制是一个重点。最重要的是原创 2021-09-08 23:25:07 · 2614 阅读 · 0 评论 -
css中background书写顺序,css中权重怎么计算
css基础篇(第二篇) 回顾 上一篇css中基本山的认识了css是用来干什么的,以及大概的类型和基本的样式和数写规范之类的东西、重要的还是对于基础前端人员一个必备的技能:Chrome调试工具,这个是非常重要的,如果不了解或者不太熟悉css基础的话,建议去看一看css第一篇的东西,这一篇接着css开始讲。 常见的css选择器 在css中,除了类选择器和id选择器之外,常见的还有后代选择器和子元素选择器、交集选择并集选择器等。 后代选择器 后代选择器一般是指在div中包裹了a标签这类的选择器。 // 后代选择器原创 2021-09-04 22:45:05 · 406 阅读 · 0 评论 -
前端开发css必备技能都有哪些,Chrome调试工具你真的理解吗
css基础篇(第一篇) 开篇词 在前几篇文章中我们综合的讲解了 html 的基础用法,用两篇文章来综合的阐述了 html 基本用法以及浏览器的相关内容,如果 html 不太熟悉的话,建议好好看看之前的两章内容,在此之后我们要开启新的知识点了,那就是 css ,css对于整个前端来讲还是相当重要的,所以需要好好的学习和回顾。css 部分 一共分为 7 讲,都是阐述了 css 的基本用法,相对于 html 来说 css 的知识点还是挺多。在 css 熟悉之后,我会单独的加一篇文章来说明下 scss,这个对以后的原创 2021-09-01 23:20:12 · 169 阅读 · 0 评论