2018年08月_千鱼鱼

原创 css实现三栏布局（两侧宽度固定，中间自适应）

<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>三栏布局</title> <style media="screen

2018-08-24 18:19:17 312

原创 css水平垂直居中

1、绝对定位+margin：auto<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>水平垂直居中</title> </head&

2018-08-24 17:38:35 195

转载 css实现水平居中

一、水平居中1、nargin和width实现margin：0 auto；width：350px;假设有如下分页,设置水平居中 <!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title

2018-08-24 16:06:54 260

转载 CSS zoom

Zoom属性是IE浏览器的专有属性，它可以设置或检索对象的缩放比例。在平常的css编写过程中，zoom:1能够比较神奇地解决ie下比较奇葩的bug。譬如外边距（margin）的重叠，譬如浮动的清除，譬如触发ie的 haslayout属性等等虽然此属性不可继承，但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。...

2018-08-24 12:24:06 2488

原创 css:hover选择器

:hover在鼠标移到链接上时添加的特殊样式。提示: :hover 选择器器可用于所有元素，不仅是链接。提示: :link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式 :active选择器设置当你点击链接时的样式。注意: 为了产生预期的效果，在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后！！<...

2018-08-24 11:26:03 510

转载前端面试之BFC

BFC (Block formatting context) “块级格式化上下文”它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。触发：满足下列条件之一就可触发BFC　　【1】根元素，即HTML元素　　【2】float的值不为none 　　【3】overflow的值不为visible 　　【4】display的值为inli...

2018-08-23 18:52:32 8312

转载前端面试之如何对网站的文件和资源进行优化

1、利用浏览器缓存你的 js 和 CSS 文件：　　在网站根目录 .htaccess 中加入以下代码　　ExpiresActive on　　ExpiresDefault “access plus 1 year”　　这段代码的意思是对 jpg|gif|png|css|js 发送 header 缓存头，进行一年的缓存、在浏览器不使用 ctrl+F5 强制刷新时，会一直缓存到时间时间结束...

2018-08-23 17:46:05 2346

由于历史的原因，不同浏览器对页面的渲染是不同的，甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前，不同的浏览器在页面的渲染上没有同一的规范，产生了差异，即Quirks mode(怪异模式或兼容模式)；当W3C标准出台之后，不同浏览器对页面的渲染有了统W3C标准推出前，旧的页面都是根据旧的渲染方式对页面进行渲染的，因此在W3C标准推出后为了保证旧页面的正常显示，保持浏览器的兼容性，这样浏览器...

2018-08-23 17:35:33 542

转载前端面试之IE6中的常见BUG与相应的解决办法

IE6是兼容BUG最多的浏览器，它不支持PNG alpha通道暂且不论。其文档的解析理解规范也引起了诸多恼人的BUG，有时甚至让人感到绝望。本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在IE6中，该值就...

2018-08-23 17:25:46 338

千鱼鱼的日常