css3 calc():css简单的数学运算–加减乘除多好的东西啊,不用js,一个css就解决了。.box{border:1px solid #ddd;width:calc(100% - 100px);background:#9AC8EB;}3栏等宽布局.box{margin-left:20px;w...
分类:
Web程序 时间:
2015-10-30 22:51:11
阅读次数:
268
第一种方案:在chrome下:input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }Firefox下:input[type...
分类:
Web程序 时间:
2015-10-30 12:35:17
阅读次数:
289
1、纵向菜单 纵向菜单代码示例 <!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>纵向导航菜单</title>
<style type="text/css">
*{
margin: 0;
...
分类:
Web程序 时间:
2015-10-30 09:23:22
阅读次数:
320
块级元素:div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容,border ,margin,paddingcss中的display属性(行内元素和块级元素)我们常用的display属性值有:inlineblockinl...
分类:
Web程序 时间:
2015-10-29 19:50:36
阅读次数:
287
让div1在div2中居中显示,假设div1的宽度为100px;height:100px;1 .div2{position:relative;}2 .div1{position:absolute;top:50%;margin-top:-50px;left:50%;margin-left:-50px;...
分类:
其他好文 时间:
2015-10-29 18:12:07
阅读次数:
178
在学习了昨天的基础今天写了一个简单的小例子。这里是用百分比写的 主要是手机端看。pc端看着并不适用。html端代码手机网站 登陆 提交 css代码:*{ padding: 0px; margin: 0px...
分类:
移动开发 时间:
2015-10-28 18:47:17
阅读次数:
161
HTML:css:@charset "utf-8";html,body{margin:0;width:100%;height:100%;overflow:hidden;}body{ width: 100%; overflow: hidden; background: #000;}#container...
分类:
移动开发 时间:
2015-10-28 17:10:36
阅读次数:
196
在实际项目中,对于一些重要的文本,希望突出强调的部分都会做另外的样式处理。Bootstrap同样对这部分做了一些轻量级的处理。如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。用法如下:强调内容我是普通文本,我的...
分类:
其他好文 时间:
2015-10-27 15:20:37
阅读次数:
202
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">
*{margin:0;padding:0;list-style:none;}
a{text-decoration:?none;color:?#fff;}
#flash{width:?...
分类:
Web程序 时间:
2015-10-27 11:48:33
阅读次数:
280
我们经常遇到这类情况的设计,如图:title 置顶,点击title(fixed固定) 跳到对应的锚点。 锚点默认跳到title被盖住,加各种padding-top margin-top 都没用,今天看到一个解决办法, 在“本周保养” 的title 添加 border-top:45px solid;m...
分类:
其他好文 时间:
2015-10-26 18:29:12
阅读次数:
161