07 2018 档案
摘要:(1)、父级div定义 height 原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握 缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题 建议:不推荐使用,只建议高度固定的布局时使用 (2)、结尾处
阅读全文
摘要:(1)浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案:CSS里 *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问
阅读全文
摘要:https://blog.csdn.net/obkoro1/article/details/69817571
阅读全文
摘要:// 网页简繁体转换 // -------------- 以下参数大部分可以更改 -------------------- //s = simplified 简体中文 t = traditional 繁体中文 n = normal 正常显示 var zh_default = 'n'; //默认语言,请不要改变 var zh_choose = 't'; //当前选择 var zh_expires ...
阅读全文
摘要:层叠 CSS 是 Cascading Style Sheets 的缩写,这暗示层叠(cascade)的概念是很重要的。在最基本的层面上,它表明CSS规则的顺序很重要,但它比那更复杂。什么选择器在层叠中胜出取决于三个因素(这些都是按重量级顺序排列的——前面的的一种会否决后一种): 重要性 在CSS中,
阅读全文
摘要:资料来源于阮一峰http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那
阅读全文
摘要:图片轮播(淡入淡出)--js原生和jquery实现图片轮播有很多种方式,这里采用其中的 淡入淡出形式js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成js使用,其实也就是用js原生模拟出这些用法。但不管怎样,构造一个最基本的表现层是必须的简单的图片轮播一般
阅读全文
摘要:https://blog.csdn.net/wangchengiii/article/details/77926868 题目要求:针对如下DOM结构,编写CSS,实现三栏水平布局,其中left、right分别位于左右两侧,left宽度为200px,right宽度为300px,main处在中间,宽度自
阅读全文
摘要:hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需
阅读全文
摘要:高度自适应实现水平垂直居中 方法一 CSS3中有transform属性,此属性下有一个translate移动函数,此函数接受两个参数。如果两个参数都为百分比值,此时会基于自身宽度和高定进行移动。此函数移动的机制同position:relative相似。 优点:无需定高度。高度随内容自适应。缺点:元素
阅读全文
摘要:推荐一款Mac和Windows下都可以使用的GIF动图录屏软件LICEcap,非常小巧,使用起来也很方便http://www.cockos.com/licecap/ 。 拖动工具窗到需要记录的地方 步骤: 点击record记录,需要停止的时候点击stop,选择保存的文件名
阅读全文
摘要:Sublime Text 3 Mac 指南本篇是根据kpman|Code 博客所写的,主要为方便自己忘记快捷键时可以快速查看,也希望对各位有一些些帮助。 快捷键 左边为文章中对快捷键缩写,右边为对应完成对键名。cmd=commandshift=shiftoption=optino(alt)contr
阅读全文
摘要:border-collapse: collapse;
阅读全文
摘要:复习 <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
阅读全文