资讯专栏INFORMATION COLUMN

前端整理

willin / 741人阅读

摘要:相对定位绝对定位样式继承浮动等等吧首先说一下基础类型选择器。其次就是在开发的过程中,经常会忽略个的占位,导致换行显示。

即使很忙很忙,也请你放下手中的事,抽出一点时间,来总结一下过往的点点滴滴。

这篇文章是我近两天看了“网易云课堂”的心得,记录下来留作以后可以回顾。我在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...

    siberiawolf 评论0 收藏0
  • Record 前端开发知识整理分享

    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);...

    TZLLOG 评论0 收藏0
  • 前端进阶 & 面试必备,优质资源、好文整理分享!

    摘要:前言前端技术日新月异,随着大前端的趋势,想要成为一名合格的前端工程师,需要学习掌握的东西更是宽泛。闲话少说,这次给大家整理分享一些前端进阶的优质学习资源,希望对大家有所帮助个人博客地址 前言 前端技术日新月异,随着 大前端 的趋势,想要成为一名合格的前端工程师,需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中,既要不断夯实前端基础,也要快速响应技术的更新迭代。闲话少说,这次给大家...

    Youngs 评论0 收藏0
  • 根据浏览器的工作原理整理前端知识体系

    摘要:在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流。图片可以点击查看原图进行观看 做前端的同学都知道,前端技术目前需要学习的知识太多了,各种框架,技术层出不穷,但只要我们自己有自己的一套知识体系,打好基础,再学习新东西就会很容易。在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流...

    Riddler 评论0 收藏0
  • 根据浏览器的工作原理整理前端知识体系

    摘要:在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流。图片可以点击查看原图进行观看 做前端的同学都知道,前端技术目前需要学习的知识太多了,各种框架,技术层出不穷,但只要我们自己有自己的一套知识体系,打好基础,再学习新东西就会很容易。在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流...

    xiaotianyi 评论0 收藏0
  • 根据浏览器的工作原理整理前端知识体系

    摘要:在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流。图片可以点击查看原图进行观看 做前端的同学都知道,前端技术目前需要学习的知识太多了,各种框架,技术层出不穷,但只要我们自己有自己的一套知识体系,打好基础,再学习新东西就会很容易。在这里,我根据浏览器的工作原理整理了一套自己的知识体系,方便自己学习,有很多不足的地方,希望大家多多交流...

    JasonZhang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<