CSS
文章平均质量分 66
可乐6666
一个专注于Web前端的程序猿,且有从前端向后台、产品经理转变的想法,充满新奇的想法并正在付诸于实际,幻想着有一天能升职加薪,当上总经理,出任CEO,走上人生巅峰!
展开
-
父元素与子元素margin-top问题
1、先上代码 *{padding: 0;margin: 0;} .wrap{width: 400px;height: 400px;background-color: lightblue;} .main{width: 100px;height: 100px;background-color: lightgreen;margin-top: 50px;}原创 2016-07-21 14:39:15 · 439 阅读 · 0 评论 -
html和word中字体对应
1、开发中需要使用freemarker导出word,需要前端人员写html模板,在开发中遇到了word中字体和css中字体对应的问题,经过试验如下:word字字号word字体值(pt)Css字体大小(px)初号44pt58.6小初36pt48一原创 2018-02-07 10:54:15 · 6621 阅读 · 1 评论 -
pc端点击图片放大效果
1、在pc端会遇到点击图片,然后让页面添加蒙版,图片居中放大的效果;效果图如下2、代码实现方式:问题解决 图片放大 body{background-color: #E8E8E8;} $("body").on('click','原创 2017-10-12 13:58:23 · 7490 阅读 · 1 评论 -
去除input默认的加减号
input标签有type=number的时候,默认情况下有加减号的功能,去除默认的加减号为input[type='number'] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {原创 2017-07-19 16:34:52 · 2151 阅读 · 0 评论 -
html中实现添加水印的功能
最近项目需求中需要在html中添加水印效果,试验了一下几种方法1、使用背景图添加水印2、使用定位添加水印3、使用js添加可配置控制水印原创 2017-08-21 18:45:24 · 30375 阅读 · 0 评论 -
user agent stylesheet浏览器默认样式及样式重置
1、user agent stylesheet是浏览器默认样式表,是浏览器默认样式。2、不同浏览器的默认样式不同个,甚至同种浏览器不同版本的默认样式也可能不同。其中google中对body的默认样式为margin:8px;3、前端开发者在开发网页的时候如果考虑适配不同浏览器的不同默认样式,一般是采用重置浏览器的默认样式例如:html{height:100%; width:1原创 2017-08-08 13:52:43 · 13861 阅读 · 1 评论 -
浮动处理HTML5图文混排
浮动处理图文混排原创 2017-04-19 18:16:32 · 5636 阅读 · 0 评论 -
jquery中on动态绑定阻止冒泡事件异常
绪论:如果动态生成的元素用on来绑定事件,会根据selector不同,阻止冒泡的结果也不同。原创 2017-02-17 17:01:15 · 6966 阅读 · 1 评论 -
移动端高清、多屏适配方案
移动端高清、多屏适配方案转载自:http://www.cnblogs.com/lovesueee/p/4618454.html背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:转载 2016-06-27 16:23:21 · 362 阅读 · 0 评论 -
火狐浏览器,绝对定位元素设置display:box失效及解决办法
火狐浏览器下绝对定位失效 *{padding: 0;margin: 0;} body{position: relative; } .wrap{ width: 200px; height: 200px; background-color: lightcoral; position: absolute; left: 150px;原创 2016-07-08 14:32:07 · 3696 阅读 · 2 评论 -
placeholder兼容性问题
1、输入框提示信息在placeholder为普遍应用之前,普遍采用使用JavaScript来实现输入框提示。HTML5提供了placeholder来帮助实现提示,不需要任何的JavaScript。只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性,然后在属性值里输入你需要的提示信息。如下所示:2、可以通过CSS3来美化placeholder提示信息的样原创 2018-02-07 12:00:15 · 512 阅读 · 0 评论