随笔分类 -  html+css

css border制作小三角形状及应用（兼容IE6）
摘要：http://caibaojian.com/css-border-triangle.htmlhttp://www.bitscn.com/school/HTMLCSS/201410/337133.html.text{ height:0; width:0;/* 这里设置overflow, font-si... 阅读全文
posted @ 2015-05-15 09:36 专注前端开发3-5年 阅读(213) 评论(0) 推荐(0)
滚动条滚动至一定高定执行position:fixed
摘要：// 导航头固定//top为导航头距离顶部的距离var top = $(".con_left").position().top;var top_location = $(".main_location").position().top -80;var top_buyNotes = $(".main_... 阅读全文
posted @ 2015-05-13 11:18 专注前端开发3-5年 阅读(256) 评论(0) 推荐(0)
list-style:none outside none;的作用
摘要：今天在论坛里面看到一篇文章，讲的是以前忽略的一个问题。就是当ul里面有float和display：inline，在ie6、ie7里面会有一 些问题。一般对ul进行reset也好，或是设置ul的样式时，往往要写list-style-type：none，有时偷懒点写list- style：none。这个... 阅读全文
posted @ 2015-05-13 10:58 专注前端开发3-5年 阅读(781) 评论(0) 推荐(0)
CSS文字排版终极指南
摘要：http://www.qianduan.net/ultimate-guide-css-text-typography/缩写的书写顺序:font:font-style font-variant font-weight font-size[/line-height] font-family来自为知笔记(... 阅读全文
posted @ 2015-05-06 18:03 专注前端开发3-5年 阅读(188) 评论(0) 推荐(0)
纯CSS绘制星星评分特效
摘要：只需要用两个图标即可实现：实现效果如下：以下为代码：星级评分展示CSS样式技巧9.7分在项目中，可以将span标签换成div都可以来自为知笔记(Wiz)附件列表starsblack.pngstarsyellow.png 阅读全文
posted @ 2015-05-05 14:27 专注前端开发3-5年 阅读(2445) 评论(0) 推荐(0)
button标签点击实现数量加减
摘要：如上图所示：标签及样式如下：.dp_top_amount button{float: left;width:20px;height:22px;cursor: pointer;background:#fff;border:1px solid #ccc;}.dp_top_amount input{flo... 阅读全文
posted @ 2015-05-05 14:25 专注前端开发3-5年 阅读(555) 评论(0) 推荐(0)
Web前端开发规范文档
摘要：Web前端开发规范文档基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度。总规范1.忽略（Omit）协议：如 background: url(http://www.google.com/i... 阅读全文
posted @ 2015-05-05 14:24 专注前端开发3-5年 阅读(135) 评论(0) 推荐(0)
before和after伪元素
摘要：http://www.w3cplus.com/css3/learning-to-use-the-before-and-after-pseudo-elements-in-css.html来自为知笔记(Wiz) 阅读全文
posted @ 2015-05-05 14:23 专注前端开发3-5年 阅读(160) 评论(0) 推荐(0)
div出现滚动条的样式设置
摘要：1.overFlow: visible却省值，没有DIV滚动条，根据内容自动扩撑区域的大小，即定义的区域无效 scroll总是显示滚动条 hidden没有滚动条，超出区域的内容不可见 auto根据内容自动判断是否添加滚动条 2.DIV滚动条颜色属性： face-color：滑块颜色 hightlig... 阅读全文
posted @ 2015-05-05 14:21 专注前端开发3-5年 阅读(881) 评论(0) 推荐(0)
列表切换边框样式显示问题的处理
摘要：全部(123)好评(10)中评(2)差评(5)晒图(5).switch{float: left;width:858px;height:32px; /*每个li的高度*/line-height:32px;border:1px solid #ccc; /*外边框设置四周1像素*/margin-botto... 阅读全文
posted @ 2015-05-05 14:18 专注前端开发3-5年 阅读(178) 评论(0) 推荐(0)
文本内容两端对齐
摘要：方法一：地址方法二：直接填空格来自为知笔记(Wiz) 阅读全文
posted @ 2015-05-05 14:16 专注前端开发3-5年 阅读(165) 评论(0) 推荐(0)
CSS属性书写顺序
摘要：CSS属性书写顺序,建议遵循 Positioning(定位) -> Box model（盒模型） -> typographic （排版）->visual（视觉） ->other/* Positioning */position: absolute;top:0;right:0;bottom:0;lef... 阅读全文
posted @ 2015-05-05 14:13 专注前端开发3-5年 阅读(145) 评论(0) 推荐(0)