【转】CSS 那么多属性,而且每一个属性都有多个值怎样记?

CSS的实质能够分为宏观与微观两方面。 宏观上它的存在就是为了掌握页面的显现款式。包括规划,色彩,字体等。微观上则是完成这类掌握功用的种种属性的定义和事情道理。
相识定义就可以干活,晓得道理才能把活干好。

题主说属性太多,实在CSS就是去掌握款式罢了,网页款式是借鉴于传统的报纸等印刷品的排版。你随意在身旁找一份报纸或许杂志的一页,用CSS尽量的复原出来。团体规划复原出来题目应当不大,然则详细到细节的时刻能够会有许多题目,比方出来的结果老是跟想的不一样。这个时刻就该去看看单个属性的事情道理,比方margin是用来掌握外边距的然则用%的时刻它是怎样盘算的最终值呢?当发明出人意料的时刻就去查一下属性的定义和值的盘算方法。
经常使用基本款式如图:
《【转】CSS 那么多属性,而且每一个属性都有多个值怎样记?》
Tips:

  1. 经常使用CSS属性margin和padding的%取值是基于包括块(离元素近来的块级先人元素)的宽,注重是宽。

  2. 行内元素相干的内容区、行内框、基线这几个观点很主要。

  3. inline-block是,内部被剖析为块级元素,本身被剖析为行内元素。

  4. background-image能够同时为一个元素设置多个背景图合营background-position能够组合出奇异的结果。

  5. 浮动的元素会消弭外边距重合,浮动的元素会被剖析为块级元素。

  6. top,right,bottom,left,z-index这些属性只要用在定位元素(除了position为static值)上才有用。

  7. overflow的值设置为scroll,在挪动端能够做横向滑动结果。

  8. 除了做表格不要用table规划。

    原文作者:善良的粉红桃桃
    原文地址: https://segmentfault.com/a/1190000004627190
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞