HTML-CSS
DecadeScript
飞啊飞啊飞
展开
-
CSS:相对定位与绝对定位
概念 相对定位:如果对一个元素进行相对定位,它将出现在它本应该出现的地方,也就是属于文档流。对它设置水平或垂直移动时,使这个元素“相对于”它的起点移动。 绝对定位:绝对定位的元素不在文档流中。绝对定位的元素的位置是相对于距离它已定位的祖先元素确定的,如果元素没有已定位的祖先元素,那么它的位置是相对于初始包含块的。根据用户代理的不同,初始包含块可能是画布,可能是HTML元素。效果<!--ht原创 2015-10-22 12:37:53 · 461 阅读 · 0 评论 -
CSS:透明度 opacity与rgba()的区别
在对元素进行透明度的设置时,经常用到的有opacity与background-color:rgba()。那么,它们到底有啥区别呢? 在使用opacity时,处了对背景生效之外,应用它的元素的内容也会继承它。下面,对提示框进行一个透明度的设置。首先使用了opacity属性仔细看,是可以通过黑色框内白色的字,看到网页文本里的字的。在使用了background-color:rgba(0,0,0,0.5)原创 2015-10-22 17:23:53 · 6141 阅读 · 0 评论 -
CSS:用CSS制作下拉菜单
下来菜单在web中应该很常见,实现方法也是各有不同。 这里用css实现。html<ul class="nav"> <li><a href="">Home</a></li> <li><a href="">Products</a> <ul> <li><a href="">One</a></li>原创 2015-10-26 20:23:00 · 536 阅读 · 0 评论