随笔分类 -  Html+Css

页面布局
css中div高度自适应
摘要：高度的自适应（父div高度随子div的高度改变而改变）1、如果父div不定义height、子div均为标准流的时候，父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。 父div 子div 子div 2、如果子div使用了float属性，此时已经... 阅读全文
posted @ 2016-01-13 16:46 fenglie 阅读(6841) 评论(0) 推荐(0)
el表达式的首字母大小写问题
摘要：EL表达式获取对象属性的原理是这样的：以表达式${user.name}为例EL表达式会根据name去User类里寻找这个name的get方法，此时会自动把name首字母大写并加上get前缀，一旦找到与之匹配的方法，El表达式就会认为这就是要访问的属性，并返回属性的值。所以，想要通过EL表达式获取对象... 阅读全文
posted @ 2015-12-23 10:34 fenglie 阅读(1295) 评论(0) 推荐(0)
CSS样式呈现优先级
摘要：经常出现CSS样式不生效的问题。比如我先对p{}，然后在其中一个标签写了个.p_style{}怎么都不生效，于是想到了CSS的呈现优先级。经过自己测试，属性style="" > ID(#id{}) > 元素(p{}) > 类Class(.p_sty... 阅读全文
posted @ 2015-11-20 15:59 fenglie 阅读(215) 评论(0) 推荐(0)
PrintArea打印，@media screen解决移动web开发的多分辨率问题，@media print设置打印的样式
摘要：PrintArea打印，局部DIV打印插件，依赖JQuery。github:https://github.com/RitsC/PrintArea当打印时需要临时改变页面布局，可以使用@media print{/** CSS*/}打印时生效，打印完自动失效。需要屏幕自适应，或多种分辨率可以使用@med... 阅读全文
posted @ 2015-08-04 14:04 fenglie 阅读(2646) 评论(0) 推荐(0)
android webview css z-index属性无效
摘要：在做android的web页面嵌入的时候，当使用css的z-index设置重叠div失败；查询google说设置-webkit-transform:translateZ(0)canvas{ -webkit-transform: translateZ(-1px);}otherDiv{ -w... 阅读全文
posted @ 2015-07-24 17:47 fenglie 阅读(2310) 评论(0) 推荐(0)
html 复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐
摘要：对 input与label同时设置CSSinput,label{ vertical-align:middle;} 阅读全文
posted @ 2015-05-26 17:54 fenglie 阅读(9296) 评论(0) 推荐(0)
html空格字符
摘要：一、使用全角空格IDEOGRAPHIC SPACE----　EncodingsHTML Entity (decimal)　HTML Entity (hex)　How to type in Microsoft WindowsAlt+3000UTF-8(hex)... 阅读全文
posted @ 2015-04-22 15:15 fenglie 阅读(3849) 评论(0) 推荐(1)
<input>type类型
摘要：当Input框需要输入数字时，一般用到type='number'但是在输入框有上下小箭头google后有解决CSS方案在chrome下：input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appe... 阅读全文
posted @ 2015-04-16 17:29 fenglie 阅读(330) 评论(0) 推荐(0)
DIV高度设置全屏
摘要：.full{ height:100%; position:fixed;}使用position的fixed特性固定位置 阅读全文
posted @ 2015-03-02 10:52 fenglie 阅读(6795) 评论(0) 推荐(0)
去除浏览器输入框等的边框（包括手机浏览器）
摘要：在电脑上只需加入input{ outline:none}input:focus{ outline:none}而在手机浏览器上是没有效果的手机浏览器需要设置input{ -webkit-tap-highlight-color:rgba(0,0,0,0);}input:focus{ ... 阅读全文
posted @ 2015-02-10 10:36 fenglie 阅读(869) 评论(0) 推荐(0)
input框限制0开头的数字(0除外)
摘要：用到parseInt() 函数parseInt() 函数可解析一个字符串，并返回一个整数提示和注释注释：只有字符串中的第一个数字会被返回。注释：开头和结尾的空格是允许的。提示：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。w3c:http://www.w3s... 阅读全文
posted @ 2014-12-30 15:39 fenglie 阅读(2380) 评论(0) 推荐(0)
圆角头像----CSS3特效
摘要：w3c:http://www.w3school.com.cn/cssref/pr_border-radius.asp定义和用法border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。提示：该属性允许您为元素添加圆角边框！属性border-radius:50... 阅读全文
posted @ 2014-12-29 09:48 fenglie 阅读(629) 评论(0) 推荐(0)
html中div获取焦点，去掉input div等获取焦点时候的边框
摘要：经测试只有在IE chrome才会在获取焦点时有边框使用CSSdiv{ outline:none;}DIV焦点事件详解 --【focus和tabIndex】​摘自：http://my.oschina.net/jgy/blog/131970添加 tabindex='-1' 属性；默认：获取不到焦... 阅读全文
posted @ 2014-12-26 11:14 fenglie 阅读(4149) 评论(0) 推荐(0)

版权所有，转载声明