摘要：
1.属性选择器[attr=val]: 选取attr属性的属性值是val的元素例：[type=text]选取type属性值是text的元素[attr*=val]:选取attr属性的属性值中包含val字符元素例：[class*=sel]选择class属性的属性值包含sel的元素[attr^=val]:选取attr属性的属性值开头是val字符开头的元素例：[class^=sel]选择class属性的属性值是以sel开头的元素[attr$=val]:选取attr属性的属性值是val字符结尾的元素例：[src^=jpg]选择src属性的属性值是以jpg结尾的元素2.伪元素选择器p:first-line 阅读全文
摘要：
第一步：创建用户创建一个新的用户名：useradd -m ***设置密码：passwd设置管理员权限：visudo wiaohui108ALL=(ALL) NOPASSWD: ALL第二步：安装程序软件emerge -av nginxemerge -av php-fpm5配置虚拟主机cd /etc/nginx/site/touch xiaohui108.conf这个配置文件里面的内容server { listen 8080; server_name whp.com; index index.html index.php; ... 阅读全文
摘要：
记录下而已，为了方便以后用上-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 阅读全文
摘要：
将空格转换为加号（+）对0-9,a-z,A-Z之间的字符保持不变对于所有其他的字符，用这个字符的当前字符集编码在内存中的十六进制格式表示，并在每个字节前加上一个百分号（%）。如字符“+”用%2B表示，字符“=”用%3D表示，字符“&”用%26表示，每个中文字符在内存中占两个字节，字符“中”用%D6%D0表示，字符“国”用%B9%FA表示调对于空格也可以直接使用其十六进制编码方式，即用%20表示，而不是将它转换成加号（+）说明：如果确信URL串的特殊字符没有引起使用上的岐义或冲突你也可以对这些字符不进行编码，而是直接传递给服务器。例如，http://www.it315.org/dealr 阅读全文
摘要：
为了脱离后端环境的限制，前端自己搭建本地环境，搭建环境有两种方式：第一种：基于XAMPP(1).下载并安装：http://www.apachefriends.org/zh_cn/xampp-windows.html(2).修改配置文件 xampp安装目录/apache/conf/httpd.conf，查找 <Directory />：将<Directory /> ... </Directory>中的内容修改为：<Directory /> Options FollowSymLinks AllowOverride All Order deny,all 阅读全文
摘要：
<!DOCTYPE HTML><html><head><meta charest="utf-8"/></head><link href="http://fonts.googleapis.com/css?family=Reenie+Beanie:regular" rel="stylesheet" type="text/css"/> <style type="text/css">*{ margin:0; paddin 阅读全文
摘要：
视频：video音频: audio不同的浏览器支持媒体的编码格式不同浏览器视频编码格式音频编码格式IE9+H.264,vp8mp3,wavFF4+ogg theora,vp8ogg vorbis,wavopera 10+ogg theora,vp8ogg vorbis,wavchrome 6+H.264,ogg theora,vp8ogg vorbis,mp3属性： src:媒体源 autoplay:是否自动播放 preload:预算加载数据（none:不预加载任何数据，metadata：预加载媒体的元数据，auto:预加载全部的数据） poster:（video元素，如果媒体数据不可用时，可 阅读全文
摘要：
1.html编码规范(1). doctype头<!DOCTYPE html>(2). 对于静态文件的请求，避免使用空的路径img,embed,link,script,background:url,input避免使用空的路径，会导致有些浏览器会请求两遍(3). 对于图片的宽，高，最好是写上，这样渲染时候，浏览器能知道，避免计算img最好是写上width,height,alt(4). 一些私有数据最好是使用data-***属性(5). 防止点击链接页面跳动的问题，避免使用以下方式，IE6下如果点击的时候js方式发送个请求，会被aborted掉<a href="javas 阅读全文
摘要：
问题：当一个a标签被绝对定位时，IE浏览器不支持其定义为block的高和宽。它的可点击区域为它所包含的内容。如果内容为空，则可点击区域为0；如果有内容，则可点击区域为内容本身所占的位置。1. background:url(about:blank);2. background:url(data:);3. background:url(mhtml:);4. background:url(#);5. background:url(fake_image.png);6. background:url(image_1px_1px.png)repeat;7. background:url(whatevery 阅读全文
摘要：
今天见到了一个鼠标滚轮事件以前更多的是计算document.documentElement.scrollTop来判断用户是向上滚,还是向下滚鼠标的滚轮今天发现一个新事件,很少用if(window.addEventListener){ window.addEventListener('DOMMouseScroll',wheel,false)}window.onmousewheel = document.onmousewheel = wheelfunction wheel(event){ event = event ? event : window.event if(event.w 阅读全文