wangjun5159的专栏

个人QQ:851228082,欢迎加入全栈技术QQ群:332770857

css之position

前言position是最常用的属性之一,所以务必将它的每个值都搞明白。本文是个人理解position的总结。 可能的值 static(default) 静态的,默认的位置 忽略left、right、top、bottom relative 相对的位置,相对默认(static)位置偏移 仍然占据原...

2017-12-19 19:36:33

阅读数 103

评论数 0

css 三栏布局 圣杯布局 双飞翼 flex

前言三栏布局是常见的布局方式,应用场景:左、右两侧是定宽的导航栏,中间内容自适应。在参考了详解 CSS 七种三栏布局技巧 后,我对三栏布局有了更深刻的认识,本文是我对上文的解读,是自己消化理解的过程,此文是为了加深理解知识而写,希望可以帮到你。 示意图 简单的实现方式(流式布局和BFC三栏布局...

2017-12-10 21:37:52

阅读数 1199

评论数 0

iframe 高度100%时,出现垂直滚动条

问题需求是这样的,iframe在一个div中,并且iframe高度与div一样,所以设置了iframe高度是100%,结果div出现了滚动条,在排除了padding、margin的因素外,还是有滚动条。按理说,只有iframe有滚动条,父div不应该有滚动条。在线demo<div> ...

2017-05-21 20:28:30

阅读数 9289

评论数 3

css clientheight、offsetheight、scrollheight详解

介绍网上介绍clientheight、offsetheight、scrollheight的帖子很多,看后感觉明白了,一细想似乎又不明白了。为了获取更权威的解答,查阅了MDN 文档,希望能帮助后来人。为了加深理解,看后,最好做下后边的实验。 clientheightclientheight,内容的...

2017-02-07 21:31:56

阅读数 8117

评论数 4

前端优化,需要考虑的几个方面

最近在研究前端优化,在看了雅虎前端优化34条规则后,将最重要的几条加上自己的理解整理如下: 同域名限制。浏览器对同域名的并发请求数有限制,不同浏览器略有不同,但一般都在4-6之间。chrome一个域名同时最多6个请求,为了绕过这个限制,可以对静态资源可以单独设置域名。 减少请求(minimize...

2016-12-04 20:39:15

阅读数 995

评论数 0

css 替换元素 replaced element

在看MDN(mozilla developer network)文档时,经常看到replaced element 字样,那么css 替换元素 replaced element 是什么意思呢?替换元素 (replace element) 替换元素指的是,通过元素的属性、类型生成内容。 比如i...

2016-11-24 20:25:51

阅读数 440

评论数 3

css inline-block方式实现水平导航栏 解决空白问题

ul.mynav{ list-style-type: none; /*所有字符包含空白符设置字体为0*/ /* font-size: 0; */ } ul.mynav li{ /*设置inline-block*/ display: inline-block; background-...

2016-02-25 12:44:37

阅读数 1435

评论数 0

纯css实现垂直导航栏

ul.nav{ margin:0; padding:0; width: 8em; list-style-type: none; background-color: #8BD400; border:1px solid #486B02; font-size: 2em; } /*去掉最后一...

2016-02-24 17:11:51

阅读数 648

评论数 0

css 浮动方式实现水平导航栏

ul.nav{ float:left; list-style-type: none; margin:0; padding:0; } ul.nav li{ float:left; margin-bottom: 1px; background-color: purple; color...

2016-02-24 17:08:03

阅读数 1207

评论数 0

css 隐藏 不占位 隐藏 占位

隐藏不占位: display:none 隐藏占位: visibility:hidden 这两个隐藏的区别就在于是否占位。

2015-08-18 08:35:46

阅读数 5996

评论数 0

jquery 获取父窗口的元素

格式:$(selector,container) selector:是选择器的标志,比如id,class,名字等等 container:是容器,比如window.parent.document 例子: 隐藏父窗口某个元素 $("#login_div",window.pare...

2015-06-24 17:45:13

阅读数 757

评论数 0

jquery、div、css制作遮挡层

在日常开发中经常会用到遮挡层,一直没有机会研究,今天实现了,感觉原理原来如此简单。不过,这些很小的知识点,必须都弄清楚,基础才能好,才能走的更远。 遮挡层效果图: 遮挡层实现原理:   修改某个隐藏的div样式,由隐藏修改为展现,宽度和高度与浏览器窗口相等。 注意细节:    div需要设...

2015-06-24 17:28:00

阅读数 1795

评论数 0

jquery获取窗口的总宽度和总高度

总高度=窗口高度+可滚动长度 总长度=窗口长度+可滚动长度 比如: jquery方式: $(document).width(); $(document).height();

2015-06-24 17:23:56

阅读数 518

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭