CSS
tgump
专注前端一百天。
展开
-
用double属性实现border双线框效果
最终效果如图。原创 2014-09-24 18:13:44 · 2706 阅读 · 0 评论 -
webkit自定义进度条
效果如图。代码如下:原创 2014-09-24 18:36:08 · 448 阅读 · 0 评论 -
margin和padding的区别
margin:元素周围生成的额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。padding: 内边距,边框离内容正文的距离。何时应当使用margin:需要在border外侧添加空白时。空白处不需要背景(色)时。上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。何时应当时用padding:需翻译 2014-10-08 11:05:19 · 318 阅读 · 0 评论 -
用reset.css重置浏览器默认样式的重要性
遇到一个问题描述如下:试用HTML/CSS制作一个网页头部, 要求:头部宽度为浏览器宽度;头部内有一个居中的,宽度为600px, 高度为30px的导航条;导航栏内有3个栏目, 分别是”首页”, “分类”, 和”关于我们”; 每个块宽度为200px, 背景为黑色,文字为白色居中;鼠标移动到每一个栏目上时, 栏目的背景颜色变成红色;原创 2014-10-10 15:39:44 · 1255 阅读 · 0 评论