Heson_Liu
- 浏览: 16196 次
- 性别:
- 来自: 南京
-
文章列表
div中图片垂直居中
- 博客分类：
- css学习
<html>
<head>
<style>
.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
...
html5提供了placeholder让前端开发人员省了不少事，今天找到一些可以改变其字体属性的方法，仅供参考：
::-webkit-input-placeholder { /* WebKit browsers */
color:#e3b486; text-shadow:0 1px 1px #000; font-weight:bold; font-size:18px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#e3b486; text-shadow:0 1px 1px #000; font-wei ...
怎么样去掉DIV与DIV的空白
- 博客分类：
- css学习
div中左右居中代码text-align:center;（水平方向）vertical-align:middle;（垂直方向）
line-height:30px;（30px是与设置的div的高度一样）
怎么样去掉DIV与DIV的空白状况描述：1）<div>与<div>之间怎么有一条空白线？ 2）div图片与图片之间的空白问题？3）为什么div与div之间设置了margin:0; 和 padding:0; 但是还是在iE6下会有空白？4） 我怎么把div之间的空白去掉？5）两个div之间有空隙？解决办法：1）设置margin和padding为0;2）在设置了height ...
前缀
-moz(例如 -moz-border-radius)用于Firefox
-webkit(例如：-webkit-border-radius)用于Safari和Chrome。
例1
<div id="round"></div>
#round {
padding:10px; width:300px; height:50px;
border: 5px solid #dedede;
-moz-border-radius: 15px; /* Gecko browsers */
-webkit-b ...
css浏览器兼容问题
- 博客分类：
- css学习
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题 设置为float的div在ie下设置的 ...
CSS为什么要初始化？建站老手都知道，这是为了考虑到浏览器的兼容问题，其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。 最简单的初始化方法就是： * {padding: 0; margin: 0;} 。有很多人也是这样写的。这确实很简单，但有人就会感到疑问：*号这样一个通用符在编写代码的时候是快，但如果网站很大，CSS样式表文件很大，这样写的话，他会把所有的标签都初始化一遍，这样就大大的加强了网站运行的负载，会使网站加载的时候需要很长一段时间。 写过css的 ...
相邻兄弟选择器（Adjacent sibling selector）：紧接在另一个元素后的元素，而且二者有相同的父元素
e.g 增加紧接在 h1 元素后出现的段落的上边距:
h1 + p {margin-top:50px;}
意思解释为：选择紧接在 h1 元素后出现的段落上边距有50个像素，h1 和 p 元素拥有共同的父元素
子元素选择器（Child selectors）
- 博客分类：
- css学习
子元素选择器（Child selector）:不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素;
e.g: 选择只作为 h1 元素子元素的 strong 元素
h1 > strong {color:red;}
这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响：
<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
<h1 ...
css学习之clear以及禁止div内容被选中
- 博客分类：
- css学习
clear属性值有：left、right、both跟none，规定元素的哪一侧不允许其他浮动元素。
其默认值是none，允许浮动元素出现在两侧。
both：在左右两侧均不允许浮动元素。
right：在右侧不允许浮动元素。
left：在左侧不允许浮动元素。
浮动元素所在标签闭合之前及时进行“清除”操作，对于因多加的<div class="clear"></div>引起的高度变化，可通过如下方法解决：
.clear{
clear:both;
height:1px;
margin-top:-1px;
overf ...
发现win7隐藏功能——虚拟wifi
- 博客分类：
- 杂物间
发现win7隐藏功能——虚拟wifi
手机流量不够的来，把你的电脑变成WIFI ！
Could not find a JavaScript runtime. See https://github.com/sstephenson/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)
ubuntu下解决方法
前面一篇写过一种方法，但是每次新建项目都要修改Gemfile文件才能跑起来
http://heson-liu.iteye.com/blog/1825451
下面这种刚试过，不要再改文件了
sudo apt-get install python-software-propertie ...
gconftool --type boolean -s /desktop/ibus/panel/show_icon_on_systray true
gconftool --type boolean -s /desktop/ibus/panel/show true
gsettings set com.canonical.Unity.Panel systray-whitelist "['all']"
在终端运行上述命令，然后注销并重新登录即可。
另外种方法，先结束进程再重新启动
killall ibus-daemon
ibus-daemon -d
...
emma中文显示乱码问题解决
- 博客分类：
- 数据库辅助
在Linux中如果使用mysql的图形客户端，个人感觉Emma还不错。但是emma默认用apt-get 安装的话，emma是不支持中文的，这个需要自己修改一下了配置文件，或者直接修改emma程序源文件了(emma 用python编写的)。
apt-get安装emma
sudo apt-get install emma
如果你已经安装完毕并且运行过emma，程序就会创建 ～/.emma/emmarc文件，保存你自己的一些配置。所以可以更改这里的配置文件，或者像下面直接修改emma的python源文件。
vim ～/.emma/emmarc
找到 db_encodin ...
git 常用命令（一些小技巧）
- 博客分类：
- 系统学习
安装git
sudo apt-get install git
初始化git
git init
查看当前目录下文件变化
git status
跟踪修改文件
git add 文件名
e.g git add README
做版本
git commit -m "备注信息"
git commit -m -a ‘备注信息’ （经常修改的文件，可以添加-a参数，省去每次的git add操作）
查看git修改日志
git log
查看修改详情（添加-p参数）
git log -p
安装前 ...
周一注定不是安稳日！上周一上班本地服务器不能正常工作，可是那时候还有高手能远程帮我解决，今天完全得自己检查问题，一一排查。。。很开心，装作很专业的样子（ps -ef | grep redis）一段命令敲上，立马发现redis趁我 ...