分类:经验/技巧

移动端样式小技巧

移动端样式小技巧
平时在移动端开发拼页面的过程中总会遇到一些问题,主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧,希望对看官有所帮助!本文只针对两大手机...

3年前 (2016-08-24) 1158℃ 评论 () 587喜欢

父元素与子元素之间的margin-top问题(css hack)

父元素与子元素之间的margin-top问题(css hack)
给子元素盒子一个垂直外边距 margin-top ,父元素盒子也会往下走margin-top的值,遇到此问题的朋友可以参考下本文hack: 父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外...

4年前 (2016-07-20) 1449℃ 评论 () 837喜欢

css图标与文字对齐的两种实现方法

css图标与文字对齐的两种实现方法
在平时写页面的过程中,常遇到要把小图标与文字对齐的情况。比如:总结了两种方法,代码量都比较少。第一种    对img设置竖直方向对齐为middle;CSS代码:div{ height:30...

4年前 (2016-07-17) 1824℃ 评论 () 723喜欢

基于CSS属性display:table的表格布局的使用

基于CSS属性display:table的表格布局的使用
项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查发现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折实现了单元格的合...

4年前 (2016-07-17) 776℃ 评论 () 526喜欢

你真的了解HTML吗?–雅虎面试题

 你真的了解HTML吗?–雅虎面试题
有这么一段HTML,请挑毛病:<P>&nbsp;&nbsp;哥写的不是HTML,是寂寞。<br><br>&nbsp;&nbsp;我说:<br>不要迷恋哥,哥只是一个传说考点1:html和 xhtml的区别这行代码在html 4.01 strict...

4年前 (2016-07-12) 1542℃ 评论 () 733喜欢

IE10 CSS Hack(顺便聊聊IE11的CSS Hack)

IE10 CSS Hack(顺便聊聊IE11的CSS Hack)
有IE就有hack,看看IE9的css hack,IE8的css hack;上次同事说一个页面IE10下有问题,IE9下测试了一下,也有同样的问题。悲剧了赶紧找IE10的hack。google上翻到的IE10 CSS Hacks 还算...

4年前 (2016-07-10) 744℃ 评论 () 416喜欢

移动端meta 解释

移动端meta 解释
移动端meta 解释<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">name属性值: 代表设...

4年前 (2016-06-29) 856℃ 评论 () 441喜欢

前端同学大福利,最全的面试题目整理

前端同学大福利,最全的面试题目整理
自己整理了一些关于前端这个行业面试题,好多都不会好难过,I NEED AV.......HTML&CSS1.常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1) 浏览器:IE,Chrome,FireFox,Safari,Oper...

4年前 (2016-06-25) 2738℃ 评论 () 457喜欢

PNG格式小图标的CSS任意颜色赋色技术

PNG格式小图标的CSS任意颜色赋色技术
一、眼见为实CSS可以修改图片的颜色,没错,可以,眼见为实!您可以狠狠地点击这里:png小图标CSS赋色demo上面的不是很黑的是原始图标,是个PNG图片,下面这个是可以赋色的:下面,我们随意选...

4年前 (2016-06-19) 898℃ 评论 () 447喜欢

移动前端知识总结

移动前端知识总结
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1....

4年前 (2016-06-19) 959℃ 评论 () 730喜欢

别责怪框架:我使用 AngularJS 和 ReactJS 的经验

别责怪框架:我使用 AngularJS 和 ReactJS 的经验
在过去的几年里,网站进化成了复杂的网页应用。曾经的互联网只涉及到简单的商业信息展现,而如今,看看 Facebook、Slack、Spotify 以及 Netflix,互联网正在改变你的社交和生活方式...

4年前 (2016-06-04) 782℃ 评论 () 434喜欢

写给想成为前端工程师的同学们

写给想成为前端工程师的同学们
前端工程师是做什么的?前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计...

4年前 (2016-06-04) 994℃ 评论 () 457喜欢

10个最常见的 HTML5 面试题及答案

10个最常见的 HTML5 面试题及答案
这是选择了10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。1、新的 HTML...

4年前 (2016-05-08) 960℃ 评论 () 427喜欢

请正确声明你CSS中的@charset “utf-8”

请正确声明你CSS中的@charset “utf-8”
很多人在样式的时候会定义@charset “utf-8”;也有人不去定义,这个属性的作用其实是为了强制声明你的CSS文档类型属性,正确的使用它会让你的文档类型锁定成你想要的,但是往往很...

4年前 (2016-05-08) 528℃ 评论 () 192喜欢

clearfix 清除浮动进化史

clearfix 清除浮动进化史
我想大家在写CSS的时候应该都对清除浮动的用法深有体会,今天我们就还讨论下clearfix的进化史吧。clearfix清除浮动首先在很多很多年以前我们常用的清除浮动是这样的。.clear{...

4年前 (2016-05-08) 1025℃ 评论 () 415喜欢

不起眼的 z-index 却能牵扯出这么大的学问

不起眼的 z-index 却能牵扯出这么大的学问
z-index在日常开发中算是一个比较常用的样式,一般理解就是设置标签在z轴先后顺序,z-index值大的显示在最前面,小的则会被遮挡,是的,z-index的实际作用就是这样。但是你真的了解z-...

4年前 (2016-05-08) 981℃ 评论 () 415喜欢

利用CSS3制作无缝滚动

利用CSS3制作无缝滚动
不依赖任何脚本,利用CSS3制作出一个无缝滚动的动画效果,实现原理非常简单,下面咱就一起看看演示地址第一步:先创建个HTML结构:<div class="pic_list"> <ul> <li><a href...

4年前 (2016-05-07) 3569℃ 评论 () 381喜欢

20个很有用的CSS技巧

20个很有用的CSS技巧
下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。1. 黑白图像这段代码会让你的...

4年前 (2016-04-27) 974℃ 评论 () 338喜欢

CSS box-shadow属性和drop-shadow过滤器的比较

CSS box-shadow属性和drop-shadow过滤器的比较
关于CSS box-shadow 属性和 drop-shadow 过滤器之间的差异与优劣的话题已经不是新鲜事了,box-shadow属性出现得比较早,它被现代浏览器广泛支持。而drop-shadow是从SVG中引入CS...

4年前 (2016-04-24) 916℃ 评论 () 430喜欢

关于提高浏览器渲染页面速度的建议

关于提高浏览器渲染页面速度的建议
怎样尽可能的缩短浏览器上页面渲染的时间,文章从以下几方面着手:写出高效的css代码避免使用css表达式把css文件放在页面顶部指定页面图片的尺寸页面头部标明文档编码一、写出...

4年前 (2016-04-17) 794℃ 评论 () 374喜欢

常见的浏览器兼容性问题与解决方案

常见的浏览器兼容性问题与解决方案
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或...

4年前 (2016-04-16) 1158℃ 评论 () 441喜欢

移动端web字体

移动端web字体
一、手机系统默认字体1、ios 系统(1)、默认中文字体是Heiti SC(2)、默认英文字体是Helvetica(3)、默认数字字体是HelveticaNeue(4)、无微软雅黑字体 2、android 系统(1)、默...

4年前 (2016-04-04) 1344℃ 评论 () 378喜欢

如何考评一名前端工程师?

如何考评一名前端工程师?
本文标题的命名方式参考了芋头所写的《如何面试一名前端开发工程师?》。「考评」是「面试」的子集,是一个很重要的环节,如果谁打算做「前端工程师面试合集」的话,记得把我这篇文...

4年前 (2016-04-02) 1108℃ 评论 () 351喜欢