CSS 属性,有多个值,又怎么记?

北大青鸟旗下网站

北大青鸟大学城校区logo 北大青鸟大学城校区
招生简章校园环境师资力量就业明星招生问答软件工程师北京大学学历学员项目联系我们 报名通道

免费在线咨询通道>>

免费在线报名通道>>

北大青鸟报名电话
当前位置:北大青鸟网站首页 > 北大青鸟 > 北京北大青鸟 >

CSS 属性,有多个值,又怎么记?

标签:   分类:北京北大青鸟


层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

  CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS如此好,那么问题来了CSS如此好而且属性那么多,又有多个值该如何记?是一个比较棘手的问题,下面给大家来说说如何记CSS的属性和属性值。

  将CSS理解为HTML的化妆师。每天化妆的步骤很繁琐但是爱美的人还是每天不惜大把时间去一步步化妆,将自己打扮的漂漂亮亮的。当我们要记CSS的属性和属性值的时候我们可以拿其当化妆的步骤来记。比如我们要写一个页面的CSS,第一步要将浏览器的默认值都清空,就好比我们化妆之前先要讲脸上的灰尘清洗干净一样。那么浏览器的默认值margin和padding不也就可以记住了么。

  将CSS的属性和属性值与生活中的东西相结合去记。拿我们生活中的快递包裹来说,我们经常在网上购买一些东西,那么我们可以把这些东西看做是我们CSS的盒子模型。
例如,我在网上买了一个玻璃杯子,那么这个杯子就好比我们页面中的内容的宽度和高度,因为杯子自身也是有宽度和高度的。

  那么商家在邮寄这个玻璃杯的包裹中为了防止这个玻璃杯中途碰撞碎了,因此商家会在包裹里添加一些泡沫或者抗震辅料,那么这个可以看做是我们页面中的内容和边界之间的距离,CSS中的padding属性,这些抗震辅料可以四周填充也可以只填充某一个方向,因此我们可以设置一个值、两个值、三个值、四个值,还可以单独设置某一方向值。

  那么这个padding不就记住了么,这些泡沫再怎么填充也不会跑到盒子的外边所以他是不能设置负值的,快递盒子就相当于是我们网页中的边框,每天快递小哥的车上不只有一两个快递,那么每个快递盒子之间的空隙就是我们网页的外边距margin,由于快递比较多,快递小哥想多送一些快递好增加收入,有时候会将某些盒子的某一部分伸到车厢外部,只要保证其不掉出就好了,那么说明我们的margin是可以设置负值的,如此将其每个属性及其值都与生活中的事物相结合我们自然也就记住了。总之,无论怎样记,这个东西都要经常用才是,不然时间久了早晚你会忘记的,所以没事多些一下项目勤加练习是很有必要的哦!
 
 

若有疑问请拨打北大青鸟咨询热线:010-80146691或点击免费在线咨询!
  • xml地图 网站地图 招生简章 合作企业 学员项目 联系我们
  • 关闭窗口