按照层次去写你的CSS

最近一直没写博客,有两方面的原因:

一、不知道写什么,忽然觉得迷茫;

二、忙于考试,以前从未觉得考试如此困难

今天,一个初学CSS的朋友发我一个图,然后问怎么把图片调整到边框。

CSS图
image-1619

将图片与边框之间的距离去掉?

她的代码是这样写的:

HTML代码.

HTML代码
image-1620

HTML代码

拿到之后,我也略微思考了半天,修改了li.boxpaddingmargin属性.还是没有起色。怎么办?

于是我尝试着在CSS里定义了下面这条语句:

#main ul { margin:auto; padding:0; width:240px; height:auto; text-align:left; }

也就是这条语句界面一下子就“和谐”了。

修改后的效果图
image-1621

 

定义后的效果图

 

这忽然让我联想到了:自上到下。于是在写CSS的时候,请注意以下顺序,即便上级没有什么可用的信息,也一定要写上(有时候觉得这条CSS确实没多大用处,但差错偏偏就出现在这里)。

 

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据