本帖最后由 renaihaore 于 2013-03-28 23:51:43 编辑 http://www.dtcms.net/ 这个网站的顶部导航栏，如视为选中则CSS控制显示为白字且下方会显示个小箭头，他用的 这种形式，我调试把JS禁用，他一样好使，可见不是JS动态写入的，但是他是怎么实现的呢？ 有点搞不明白了，难道CSS还可以编写条件的？ 回复讨论(解决方案) 帅哥，这是典型的hover的用法。css不能编写条件，虽然在里边可以写表达式，但性能或维护都是问题，所以不...
1， 上图中的登录框 我不管怎么用left：X 或者right：X 还是top：X 都改变不了位置 一直贴着最左边。 2， 用户名是贴着这个框的最顶部，我想让它往下面移动一点，除了直接这种方法外还有没有更好的方法。 以下是代码： body{ padding-top:50px } .starter{ color:#FFF; padding:40px 15px; } .bg{ background-image:url(EVA.jpg); height:750px; } .form-size{ color:#FF...
今天我要和大家一起来学习一个酷炫的鼠标Hover效果。主要将会涉及到CSS3中3D效果的使用，以及在实现过程中我们使用到的一些简单的转换算法，我会尽量以图解的形式让理论变得更容易理解。废话不多说，我们先看一下最终效果：Hover特效（http://www.seejs.com/demos/examples/3dcss3/）。打开连接，鼠标进入图片列表区域并移动鼠标，观察对应区域中内容浮层的变化效果，注意：请使用高级浏览器预览（推荐Chrome浏览器）。 预备 ...
有些CSS的特性,不经常使用.我认为CSS counters 也是其中之一,主要有两个原因: 1. 他们没有很多的例子 2. 代码可能稍微复杂一些. CSS counters 允许动态的设置列表数字,类似一个排序列表.但是CSS counters是不一样的. 特色就是使用一个伪元素结合一些具体的counterCSS ,追加/前置一个动态的"count"到一个指定的元素集合. 这里一个代码例子 代码名称 .container { counter-reset: issues 0;}.issue:bef...
下面的提到的主要作品都附带H5链接，可以直接点击链接看作品。 Web app、Hybrid app与Native app HTML5是一种Web 技术，由浏览器解析和执行，无需安装插件。广义指的HTML5是包括HTML、CSS和JavaScript在内的一套技术组合。而我们一般说的H5是国内的简称，主要通过微信端在朋友圈或者好友上传播的载体，比如说产品展示、人物介绍、邀请函、小游戏、抽奖等。 H5属于web app，区别于我们平时下载的app。因此我会大概介绍一下...
ionic动画 引言 在很长的一段时间内，我们使用ionic开发的项目都很少用到动画，使得画面有些生硬。在新版本的ionic中抛弃了animate，需要我们自己去引入这个css文件，其中包含较多的动画效果，这些动画都是使用CSS3的@keyframes进行编写，但是有些在安卓上面会有一些卡顿，在经过一番测试之后，总结以下几个较为常用的动画。 动画样式 FadeIn 我们知道，从ionic中的tab页跳转到另一个view的时候是没有动画的，也就是说是...
analyze-css CSS selectors complexity and performance analyzer. analyze-css is built as a set of rules bound to events fired by CSS parser. Each rule can generate metrics and add "offenders" with more detailed information (see Usage section for an example). Analyze CSS Demo Install analyze-css comes as a "binary" for command-line and as CommonJS module. Run the following to insta...
网站的访问日志一般我们需要通过后台日志方式获得，能不能在Web浏览器中直接实时观察到当前网站访问情况，有几个活跃用户，活跃访问的页面有哪些？访问这些URL是从哪里来等等信息，对于我们防止爬虫无规则抓取网站能够起到实时监管作用。 开源项目 real-time-analytics-node-socketio-vuejs能够帮助我们实时监控网站的访问情况，它的逻辑是： 1.用户访问网站页面，这些页面都内嵌一段统计代码： var socket...
最近在研究 Retina 屏的适配问题，在具体方案讨论之前，陆续做了一些理解笔记，现归纳如下。具体方案的讨论将另作文章。 中的 viewport是布局视口 initial-scale等的缩放是基于理想视口的 理想视口由设备各自提供，理想视口的宽度也是设备的独立像素 所谓“独立”是说这个设备独立像素和像素密度无关 Retina屏增加了设备像素（物理像素），所以物理像素是有密度变化的 dpr = 物...
任何一个行业从野蛮发展跑马圈地到成熟细分，肯定都是一个标准逐渐统一的过程。之所以现在native app地位远高于HTML5，1是因为现在web技术确实离native app性能和体验差距太大，2是因为现在跑马圈地还处于尾声，虽然大局已定，但很多垂直和细分领域仍充满变数，很多人依然存着做入口的心，发着做平台的梦，3是因为整个创业投资收购的游戏规则核心就是dau，你的商业模式不那么靠谱都没关系，只要能把用户做起来，投资者或者接盘侠都...
【文章摘要】爬虫说白了就是一个脚本程序。说到脚本，我们平时遇到一些费时费力又容易出错的活儿，都可以把用到的命令写到脚本里，让计算机自动来执行。 【相关推荐】 给产品经理讲技术｜向前兼容、向后兼容 给产品经理讲技术｜产品经理应该这样提需求之“状态机” 给产品经理讲技术｜撩妹技术三部曲之“设计模式” 给产品经理讲技术丨没线，并不可怕？ 给产品经理讲技术丨提需求的正确姿势是...
HTTP 头部解释 1. Accept：告诉WEB服务器自己接受什么介质类型，*/* 表示任何类型，type/* 表示该类型下的所有子类型，type/sub-type。2. Accept-Charset： 浏览器申明自己接收的字符集Accept-Encoding： 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压缩方法 （gzip，deflate）Accept-Language：：浏览器申明自己接收的语言语言跟字符集的区别：中文是语言，中文有多种字符集，比如big5，gb2312，gbk...
导航，少量数据表格，居中 ul和li应用 #menu{width:1000px;height:35px;float:right;margin:0px; clear:both; vertical-align: bottom;} #ul li{list-style-type:none; clear:both;width:100px;display:inline; font-size: larger;} #myul li{float:left;width:100px;} 首页 行业图书 服饰潮流 美容会所 妈咪宝贝 礼品书籍 新闻资讯 用户留言 联系我们 默认是竖排，并且带圆点 hello hello hello hello 去...