![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 86
Jack-小俊
高级前端开发工程师
展开
-
web前端浏览器的兼容性处理
目录(?)[+]HTML对象获取问题const问题eventx与eventy问题windowlocationhref问题frame问题模态和非模态窗口问题firefox与IE的父元素parentElement的区别documentformNameitemitemName问题集合类对象问题自定义属性问题inputtype属性问题eventsrcElement问题body载入问题事件委托方法Table转载 2017-02-09 19:19:34 · 741 阅读 · 0 评论 -
CSS3新功能总结-收集自W3C
CSS3 被划分为模块。其中最重要的 CSS3 模块包括:选择器框模型背景和边框文本效果2D/3D 转换动画多列布局用户界面边框属性描述CSSborder-image设置所有 border-image-* 属性的简写属性。3border-radius原创 2017-01-28 10:02:03 · 869 阅读 · 0 评论 -
DIV盒模型和伪类-tap选项
去年纯用DIV盒模型和伪类做的tap选项菜单系列, 当然编码规范上不够完整,比较冗余,用以收藏借鉴。原创 2017-01-29 09:25:49 · 735 阅读 · 0 评论 -
css实现-巧用变化菜单
//以下是慕课网看到的例子,自己再写了一遍,只用CSS实现的类似JS的变换下拉菜单效果,思想比较独特,可以借鉴// * 复制粘贴即可使用,效果不错*<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2017-01-31 20:13:56 · 346 阅读 · 1 评论 -
CSS3实现动态多级菜单效果
以下是用CSS3的新特性做的三级菜单系列的效果,在不考虑兼容性的情况下,IE9以上的浏览器,火狐谷歌都可以流畅显示。 对应IE6,7,8来说,动态效果会没有,还需要再做一些HACK处理才行。 代码复制粘贴,即可使用原创 2017-02-01 19:13:32 · 1380 阅读 · 0 评论 -
浏览器兼容与前端性能优化集合
一、浏览器兼容1.1、概要世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运行平台还存在差异、屏幕分辨率不一样,大小不一样,比例不一样。兼容性主要考虑三方面:1)、CSS兼容2)、JavaScript兼容3)、HTML兼容这三类也是前端的主要组成部分,都存在一定的兼容性问题转载 2017-04-09 23:34:32 · 6038 阅读 · 1 评论 -
CSS3-@media媒体查询使用总结
准备工作1:设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果:html 代码1<name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 这段代码的几个参数解释: width = device-width:原创 2017-04-27 14:32:40 · 4870 阅读 · 2 评论 -
前端面试题整理汇总100题
1.一些开放性题目1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发?4.平时是如何学习前端开发的?5.未来三到五年的规划是怎样的?position的值, relative和absolute分别是相对于谁进行定位的?absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static转载 2018-02-04 10:38:37 · 26026 阅读 · 4 评论