CSS小例收藏

【CSS小例收藏】的更多相关文章

body { background-color: #e8dabf; background-image: url(img/bg.png), url(img/bg_tile.png); background-position: bottom right, top; background-repeat: no-repeat, repeat; background-attachment: fixed, scroll; color: #444;} 摘自:http://www.nowamagic.net/l…

CSS小技巧收藏

居中对齐很多时候我们需要把一个元素在其父级容器里水平.垂直居中对齐.以下我列出了常用的几种方法: 1.在知道子元素宽度与高度的情况下进行居中,采用位置定位:absolute + margin .parent { position: relative; } .child { position: absolute; width: 100px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -50px; } 2.在不知道子元素高与宽的情况下…

css小随笔（二）与通用样式

51先在学校HTML5已经有半个多月了,然后这个星期做了一个京东的手机网站,接触到了通用样式,下面以京东的手机站为例这两个就是京东手机站了的不同的两个板块,因为HTML5仅仅只是学完了基本标签跟css的标签,所以在没有接触通用样式之前很可能就是这两个板块就是两个不同的代码了,然后就会导致css文件里面的代码会非常的多,也会是比较混乱的,不能够清楚明了的看懂.而且应用的通用样式就是可以用一套代码来搞定各个类似板块,并且每个板块不同的地方仅仅需要微调就可以了.这样不仅仅使代码明了,而且还会很省事,…

webpack -- 多页面简单小例

有时单页面并不能满足我们的业务需求,就需要去构建多页面应用,以下为简单小例: entry:{ index:'./src/module/index/index.js', student:'./src/module/student/index.js', b:'./src/b.js' }, output:{ path:path.resolve(__dirname,'dist'), filename:'js/[name].[chunkhash].js' //可能会有很多js }, plugins:[ n…

css小技巧（1）

1.-webkit-overflow-scrolling: touch; 解决ios滑动时无缓冲问题 2.::-webkit-scrollbar 设置ios滑动时是否显示滚动条 3.::selection 选中文字时文字颜色和选中色 <!doctype html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-s…

HTML+CSS小实战案例

HTML+CSS小实战案例登录界面的美化,综合最近所学进行练习网页设计先布局,搭建好大框架,然后进行填充,完成页面布局 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>实验</title> <style type="text/css"> *{…

linux 命令小例

xargs示例: ls |xargs -i mv {} /opt find示例: find -mtime +n -name “*.avi” -type f -exec rm {} \; find -mtime +n -name “*.avi” -type f find . -type d -name 05 -exec rm -rf '{}' \; find /exports/wmv11/programme/dvdprogramme/20100107/ -name *.avi -exec du…

CSS小tip整理

CSS小tip整理 1.利用css在列表靠头和末尾添加箭头: /* 左箭头*/ ol a[rel="prev"]:before { content: "\00AB"; padding-left: 0.5em; } /* 右箭头*/ ol a[rel="next"]:after { content: "00BB"; padding-right: 0.5em; } 2.让父元素包含浮动的子元素: 添加一个进行清理的元素让父元素浮…

Ubuntu13.04 Eclipse下编译安装Hadoop插件及使用小例

Ubuntu13.04 Eclipse下编译安装Hadoop插件及使用小例一.在Eclipse下编译安装Hadoop插件 Hadoop的Eclipse插件现在已经没有二进制版直接提供,只能自己编译.不过要注意,一定要下载Hadoop的src包,不然是不带源代码的.环境如下: Linux的发行版是Ubuntu13.04,Hadoop版本是1.1.2.hadoop安装在/opt/hadoop,所以源代码的目录是hadoop根路径下的src/contrib/eclipse-plugin.Eclips…

css小细节罗列

有空时候把一些常见可能不是每个人都知道的css小细节总结了下,共勉. 1.line-height 众多周知,line-height是行高的意思,我们时常会使用类似line-height:24px;这样的代码来设置绝对的行高.但是当我们的需求改变,字体大小变动的时候,可能我们还需要再次改动行高,那么现在我们可以使用直接设置数字来设置行高,当我们使用纯数字来设置行高的时候,它相对于的是字体大小的倍数,也就是说下面的h4其实设置的行高也是12*2px就是24px.这样设置的好处是当我们在改变字体大小的…