码迷,mamicode.com
首页 > 其他好文 > 详细

日常笔记

时间:2014-07-31 13:11:16      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:http   java   os   io   for   cti   html   ar   

英文词组强制换行
word-wrap:break-word
 
 
超宽图居中自适应
.header{height:425px;width:100%;margin-left:50%;}
.top1{height:65px;margin:0 auto;background:url(../img/header.jpg) no-repeat top center;position:relative;right:50%}
 
 
背景图在后边带链接
background:url(../img/xtb.png) no-repeat right -244px;display:inline-block;vertical-align:middle;line-height:30px;padding-right:4px
 
 
边框透明加圆角
border: 6px solid rgba(165, 165, 165, 0.4);
border-radius: 6px 6px 6px 6px;
 
 
 
按钮本页也开:
onclick="window.open(‘wxjrfgg2.html‘,‘_parent‘)"
<input type="submit" name="button2" id="button2" value="变更资格预审公告" onclick="window.open(‘wxjrfgg2.html‘,‘_parent‘)" class="btn19" />
 
 
 
打开新页面自定义大小
window.open (‘page.html‘, ‘newwindow‘, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no‘)
 
 
 
下拉菜单带链接
 
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location=‘"+selObj.options[selObj.selectedIndex].value+"‘");
  if (restore) selObj.selectedIndex=0;
}
</script>
 
<form name="form" id="form">
 <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu(‘parent‘,this,0)">
  <option value="http://baidu.com">项目1</option>
  <option value="http://ebnew.com">项目2</option>
 </select>
</form>
 
 
 
响应式设计,宽度能根据设备分辨率让浏览器的可视宽度来适应
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
绝对值自定义宽度
white-space:nowrap;
 
 
文字两端对齐
text-align:Justify;
text-justify:inter-ideograph;
-webkit-text-align-last:justify;
 
 
box-shadow:0px 0px 4px #f9aeae; css3阴影

日常笔记,布布扣,bubuko.com

日常笔记

标签:http   java   os   io   for   cti   html   ar   

原文地址:http://www.cnblogs.com/q460021417/p/3880508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!