html,css
文章平均质量分 66
wn_hello
哦啦啦~
展开
-
实习小结七:html布局问题--关于float和clear
最近,财哥指出了我之前写的页面的一些问题,首先是我经常用id标注很多div块,应该是最外面的的div用id,里面的小div尽量用class,我觉得这方便在less文件中进行样式修改。另外,我的div排版有很大的问题,给div设置高度,并且设置float,会导致不同浏览器和显示屏的显示不同,应该是使用float对多个div进行排版后,要使用clear语句来清除浮动,这样就不需要限制height了。另外原创 2015-07-31 11:54:13 · 440 阅读 · 0 评论 -
实习小结三:关于背景图片的相对和绝对位置
图中的1,2,3排名小图标都是从大图中通过position抠取的,在依次添加小图标的过程会遇到logo大图的位置移动,为了使得排列整齐,小图标采用绝对位置即可。给出html代码:此处的class中的no是父类,在css中可以合并共有的代码。 给出css代码:.no{ position: absolute; backgr原创 2015-07-21 10:30:44 · 954 阅读 · 0 评论 -
实习小结二:关于border问题,实现文字下的小三角下划线
如何实现文字下的这个border,让我苦恼了好一会儿,贴上源码!先设置li列表放文字,然后在a标签内放一个span标签;border实现就是先在li下面设置一个solid的border,然后通过padding-bottom设置下划线到文字的距离,从而留出小三角的空间,小三角就是通过span实现的。 最佳虚拟主机 在css中注意span的hover使用方法,c原创 2015-07-21 10:19:32 · 1480 阅读 · 0 评论 -
实习小结一:关于图片传参及排版的问题
div中的class的name对应着less样式表中的.name{}通过修改phtml中的category参数来传递新页面:partial('ctrl/hot-brand', array('locale' => $locale, 'category' => 'beauty')); ?>或者设置图片的src格式时使得其能动态改变:staticUrl('原创 2015-07-15 14:12:47 · 705 阅读 · 0 评论