摘要: :target伪类,用于定位元素 <a href="#xxx">点击我</a> <p id="xxx">看我看我看我</p> p:target{ color:red; } :lang :nth-child 选中一类元素 :nth-child(an+b){} 例如 li:nth-child(3n+1) 阅读全文
posted @ 2017-05-14 11:31 banggiu 阅读(102) 评论(0) 推荐(0)
摘要: 首先,这篇文章主要讲的是一种特殊的加入图片的方法,例如下图 两个文字左侧的小png图标 如果我们对这两个图标右击鼠标,会发现这不是一个图片,或者说,这个图片你无法直接另存为,因此这个图标实际上是小段文字的背景图片,如果你移动了这个标签,那么这个图片便会跟着移动,十分方便,尤其加载这种小图标,一般都是 阅读全文
posted @ 2017-05-11 14:04 banggiu 阅读(110) 评论(0) 推荐(0)
摘要: 一、进度条 <progress> 话不多说,直接上效果 代码: 讲道理,这个完全可以实现进度条的功能。很棒。 阅读全文
posted @ 2017-03-30 13:00 banggiu 阅读(166) 评论(0) 推荐(0)
摘要: 刚开始学,各位导师就说要根据语义来选择标签!!要实现标签语义化!!!。。。。 好吧,现在就开始一点一点学吧。。 第一个、<nav>标签 导航栏其实最该用<nav>标签,长什么样呢? 所以以后导航栏部分,最好用过<nav>,尽量少用<div id="nav">了,毕竟一目了然,不用再看看id了 阅读全文
posted @ 2017-03-30 11:47 banggiu 阅读(119) 评论(0) 推荐(0)
摘要: transform transform能做三件事: 旋转:rotate 平移:translate 放缩:scale 注意:这三件事可以同时做,代码: transform:rotate(-45deg(角度)) translate(100px,0) scale(2,0.5) transform可以指定沿 阅读全文
posted @ 2017-03-30 11:02 banggiu 阅读(149) 评论(0) 推荐(0)