摘要:相对定位绝对定位样式继承浮动等等吧首先说一下基础类型选择器。其次就是在开发的过程中,经常会忽略个的占位,导致换行显示。
即使很忙很忙,也请你放下手中的事,抽出一点时间,来总结一下过往的点点滴滴。
这篇文章是我近两天看了“网易云课堂”的心得,记录下来留作以后可以回顾。我在GitHub上也有上传代码:源码地址
我本身是一个PHPer,所以稍微复杂一点的Html和Js就晕乎乎的,大致的解题思路我其实非常清楚,但一遇到Css我就迷糊。相对定位、绝对定位、样式继承、浮动等等吧
首先说一下基础类型选择器。
包括标签选择、ID选择、class选择,在开发中,我们也会遇到一个标签应用多种样式的情况,比如:这里其实就是类选择器,多个类之间使用空格隔开。在比如在Css文件中会经常看到这样的代码:body,ul,ol{margin:0px; padding:0px},多个标签选择器见使用逗号隔开,表示每个标签都应用这样的样式;又或者.circle ul表示class=“circle”下的ul标签应用的样式,这中带有层级关系的样式,也使用空格进行分割。
其次就是在开发的过程中,经常会忽略margin个padding的占位,导致div换行显示。实际一个div的大小其实为:margin + padding + width;
在其次就是一些小的细节:比如外边距的合并,在一个元素出现在另一个元素的上边时,第一个元素的下外边距与第二个元素的上外边距会发生合并;在float操作之后,一般都会追加一个 最后总结一下居中的使用:一、要求字体的line-height等于div的height,这样可以做到垂直剧中;二、使用margin:0px auto也可以做到div水平居中 文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。 转载请注明本文地址:https://www.ucloud.cn/yun/92362.html
稍微整理了一下自己平时看到的前端学习资源,分享给大家。 html MDN:Mozilla开发者网络 SEO:前端开发中的SEO css 张鑫旭:张鑫旭的博客 css精灵图:css精灵图实践 栅格系统:详解CSS中的栅格系统 媒体查询:css媒体查询用法 rem布局:手机端页面自适应布局 移动前端开发之viewport的深入理解:深入理解viewport 淘宝前端布局:手机淘宝移动端布局 fl...
showImg(https://segmentfault.com/img/remote/1460000018716142?w=200&h=200); showImg(https://segmentfault.com/img/remote/1460000018716143);showImg(https://segmentfault.com/img/remote/1460000010953710);...
摘要:前言前端技术日新月异,随着大前端的趋势,想要成为一名合格的前端工程师,需要学习掌握的东西更是宽泛。闲话少说,这次给大家整理分享一些前端进阶的优质学习资源,希望对大家有所帮助个人博客地址 前言 前端技术日新月异,随着 大前端 的趋势,想要成为一名合格的前端工程师,需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中,既要不断夯实前端基础,也要快速响应技术的更新迭代。闲话少说,这次给大家...
摘要:在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流。图片可以点击查看原图进行观看 做前端的同学都知道,前端技术目前需要学习的知识太多了,各种框架,技术层出不穷,但只要我们自己有自己的一套知识体系,打好基础,再学习新东西就会很容易。在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流...
摘要:在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流。图片可以点击查看原图进行观看 做前端的同学都知道,前端技术目前需要学习的知识太多了,各种框架,技术层出不穷,但只要我们自己有自己的一套知识体系,打好基础,再学习新东西就会很容易。在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流...
摘要:在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流。图片可以点击查看原图进行观看 做前端的同学都知道,前端技术目前需要学习的知识太多了,各种框架,技术层出不穷,但只要我们自己有自己的一套知识体系,打好基础,再学习新东西就会很容易。在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流...
阅读 1963·2021-11-24 09:39
阅读 966·2021-11-11 16:55
阅读 1404·2021-10-09 09:43
阅读 1400·2021-10-08 10:17
阅读 1599·2021-08-25 09:41
阅读 401·2019-08-30 13:02
阅读 613·2019-08-29 15:14
阅读 973·2019-08-29 13:53