文章分类 - CSS
摘要：看了一篇技术文章，使用纯CSS导航切换(label 绑定 input:radio && ~)，其使用了 CSS3 兄弟选择符(E~F) ，即 选择选择E元素后面的所有兄弟元素F。 利用input的 label for属性+csss 伪类：checked ，进行点击判断。其demo如下
阅读全文
摘要：之前项目手写loading加载ingdemo， 其中涉及图片是项目中用到， 注意： loadingBar div需要放到页面内容最前面; 至于何时出现或者控制隐藏显示 可使用js灵活控制即可。
阅读全文
摘要：选项tabs切换 tab1 tab2 tab3 内容框1 内容框2 内容框3
阅读全文
摘要：现象描述 真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距: 那么解决此问题有好多种方法，但是个人比较喜欢使用其中两种：如下 由于现在html页面都是使用html5 所以就使用 1、让闭合标签吃胶囊 如下处理： <ul class="space"> <li h
阅读全文
摘要：首先声明： 浏览器的默认字体高都是16px 兼容性： 目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。 就算对不支持的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。 使用%单位方便使用 css中的bod
阅读全文
摘要：想当时刚面试的时候，出的一些前端题目，都是靠着经验回答，没有比较官方形式的答案， 现整理一份，即使用不到100%，也多少会有作用。 html & css 1. html&CSS1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>css3文字颜色更改</title></head><style>.site__title { color: #f35626; font-family: 微软雅黑; background-i
阅读全文
摘要：当右侧div 无法设置固定宽度，但要求使用省略号显示超出的文字
阅读全文
摘要：重构clearfix浮动 构成Block Formatting Context的方法有下面几种： float的值不为none。 overflow的值不为visible。 display的值为table-cell, table-caption, inline-block中的任何一个。 position
阅读全文
摘要：记得去年 12月份刚来北京面试前端的时候 ，下面的这问题大部分有涉及到...是不是要做题的都会出这些。。 HTML/CSS部分 1、什么是盒子模型？ 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素
阅读全文
摘要：使用 CSS 实现居中效果困难吗？显然不是。实际上有许多方法可以实现居中效果，但在具体情况中，我们往往无法判断哪种方法最合适。此文来源：http://www.w3cplus.com/css/centering-css-complete-guide.html#rd 详情可点击此链接水平居中行内或类行内...
阅读全文
摘要：只需在 标签钱加入如下css代码， 其filter 为css的滤镜效果，其属性需参考w3c; 其jquery 也拥有 .filter()方法
阅读全文
摘要：div 浮层遮挡 Flash 的研究汗牛充栋，随便 Google 一下都能找到浩如烟海的资料，最简单的解决方案就是使用wmode="opaque"或者wmode="transparent"，如此的简单而又一劳永逸。没有特殊需求的到这里就可以止步了，但是wmode="opaque"并不适合所有网站，比...
阅读全文
摘要：产品分类demo 产品一 产品...
阅读全文
摘要：参考网址 ：http://www.xuanfengge.com/css3-webkit-scrollbar.html前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示来看看...
阅读全文
