html&css - 随笔分类 - Double405

摘要：原作者总结很全：地址：http://www.cnblogs.com/2050/p/3392803.html 阅读全文

posted @ 2016-04-05 17:33 Double405 阅读(113) 评论(0) 推荐(0)

摘要：下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。1) html的实现 1 2 3 4 5 6 <head>  <meta http-equiv="refresh" c 阅读全文

posted @ 2016-03-27 16:58 Double405 阅读(794) 评论(0) 推荐(0)

浏览器兼容性问题

摘要：2014.01.10补充 1）ie6下首先讲讲第一种z-index无论设置多高都不起作用情况。这种情况发生的条件有三个：1、父标签position属性为relative；2、问题标签含有浮动(float)属性。2）所有浏览器：它只认第一个爸爸层级的高低不仅要看自己，还要看自己的老爸这个后台是否够硬阅读全文

posted @ 2016-03-21 12:06 Double405 阅读(238) 评论(0) 推荐(0)

div img span 垂直居中问题

摘要：div设置height,line-height影响块元素内的文本垂直居中,块下的a,img,span等行内元素是没能垂直居中，用了vertical-align:middle;可以处理div等块级元素下的行内原色垂直居中，用了没起作用，最后加了个*起作用了，可以达到效果了阅读全文

posted @ 2016-03-19 21:02 Double405 阅读(493) 评论(0) 推荐(0)

圣杯布局小结

摘要：圣杯布局小结阅读目录 1. 从2个实际的需求说起 2. 圣杯布局的传统实现方法 3. 圣杯布局传统实现方法的一种变体 4. 圣杯布局的纯浮动实现 5. 圣杯布局的flex实现 7. 结束语圣杯布局，很久之前就听过，但是一直都没详细了解过，最近因为做了一个项目，借鉴了薪人薪事这个公司的产品页面，才阅读全文

posted @ 2016-02-01 16:22 Double405 阅读(233) 评论(0) 推荐(0)

等高分栏布局小结

摘要：转自：http://www.cnblogs.com/lyzg/ 阅读目录 1. 方法一：万能的flex 2. 方法二：使用table或者伪table 3. 方法三：使用绝对定位 4. 方法四：借助边框，背景实现假等高 5. 结束语上一篇文章《圣杯布局小结》总结了几种常见的分栏布局方法，这几个方法都阅读全文

posted @ 2016-02-01 16:04 Double405 阅读(182) 评论(0) 推荐(0)

让网页图片变灰色的三种方法

摘要：我一直喜欢灰度图像因为我认为他们看起来更有艺术感。很多图片编辑如Photoshop很容易把你的彩色图像变成灰度。甚至有选择调整颜色深度和色调。不幸的是,这样的效果想做在网络上并不容易，因为浏览器有差异。 1、CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器阅读全文

posted @ 2016-01-29 17:30 Double405 阅读(551) 评论(0) 推荐(0)

测试csscss层叠顺序

摘要：<!Doctype html><html lang="zh-CN"><head><meta charset="utf-8"><title>深入理解CSS中的层叠上下文和层叠顺序</title><style type="text/css"> * {margin: 0;padding: 0;list-s 阅读全文

posted @ 2016-01-26 12:11 Double405 阅读(298) 评论(0) 推荐(0)

摘要：标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。在 HTML 中，标签没有结束标签。在 XHTML 中，标签必须被正确的关闭。除了HTML的标准通用属性之外，link元素还包括很多可选属性: c... 阅读全文

posted @ 2016-01-25 17:20 Double405 阅读(1336) 评论(0) 推荐(0)

解决<pre>标签里的文本换行(兼容IE, FF和Opera等)

摘要：我们都知道标签可定义预格式化的文本，一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中的文本通常会保留空格和换行符，但不幸的是，当你在标签里面写代码的时候，如果你没有手动换行，它也会给你保留，而不会动换行。这时候，你可以使用overflow:auto; (当代码超出容器边界的时候，显... 阅读全文

posted @ 2016-01-25 17:19 Double405 阅读(777) 评论(0) 推荐(0)

HTML特殊字符大全

摘要：国外网站整理的一份很全的HTML特殊字符集，共享出来供大家查阅吧。使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；下面符号列表的后面有两列编号，它们并不太一样，第一列是用于HTML的，你需要在前面加上&#符号；第二列可以用于CSS文件中，但是需要用反斜杠\转义；第二列... 阅读全文

posted @ 2016-01-25 14:04 Double405 阅读(554) 评论(0) 推荐(0)

清除浮动4种方法总结下

摘要：我想大家在写CSS的时候应该都对清除浮动的用法深有体会，今天我们就还讨论下clearfix的进化史吧。 clearfix清除浮动首先在很多很多年以前我们常用的清除浮动是这样的。 .clear{clear:both;line-height:0;} 现在可能还可以在很多老的站点上可以看到这样的代码，相阅读全文

posted @ 2016-01-25 13:33 Double405 阅读(234) 评论(0) 推荐(0)

理解CSS3 isolation: isolate的表现和作用

摘要：转自：http://www.zhangxinxu.com/wordpress/?p=5155只要元素可以创建层叠上下文，就可以阻断mix-blend-mode！于是，不仅仅是isolation:isolate，下面这些也是可以的：z-index值不为auto的position:relative/po... 阅读全文

posted @ 2016-01-25 12:43 Double405 阅读(713) 评论(0) 推荐(0)

CSS文本对齐text-align详解

摘要：1.语法text-align具体参数如下：语法：text-align:left|right|center|justify说明：设定元素内文本的水平对齐方式。参数：left:左对齐；right:右对齐；center:居中；justify:两端对齐初始值：跟浏览器的设置有关继承性：可继承适用于：bl... 阅读全文

posted @ 2016-01-21 17:05 Double405 阅读(1220) 评论(0) 推荐(0)

块元素和行内元素的区别

摘要：1.块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度. 行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化. 块级元素可以设置width,height属性. 行内元素设置width,height属性无效. 块级元素即使设置了... 阅读全文

posted @ 2016-01-21 14:07 Double405 阅读(2448) 评论(0) 推荐(0)

绝对定位和相对定位的内幕

摘要：css有5种不同的position属性值我们不会讨论inherit，因为顾名思义，它就是继承了父元素的值，而且在比较老的IE版本中，支持情况也不好。任何元素的position属性的默认值都是static。所谓的static定位就是元素在文档流中。当然了，这完全取决于你的HTML结构。另一个值你肯定见... 阅读全文

posted @ 2016-01-21 13:56 Double405 阅读(223) 评论(0) 推荐(0)

水平居中和垂直居中

摘要：1.水平居中(1) 文本、图片等行内元素的水平居中给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中。(2) 确定宽度的块级元素的水平居中通过设置margin-left:auto;和margin-right:auto;来实现的。(3) 不确定宽度的块级元素的... 阅读全文

posted @ 2016-01-21 12:13 Double405 阅读(244) 评论(0) 推荐(0)

单独图片轮换

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>单独图片轮换 - 豪情</title> <style type="text/css"> *{margin:0;padding:0;} body{font:12px/1.125 A 阅读全文

posted @ 2016-01-18 17:27 Double405 阅读(182) 评论(0) 推荐(0)

网页常用小技巧

摘要：转自：http://www.cnblogs.com/oec2003/archive/2007/06/20/790615.html1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. ... 阅读全文

posted @ 2016-01-15 16:47 Double405 阅读(189) 评论(0) 推荐(0)

两款较好的Web前端性能测试工具

摘要：前段时间接手了一个 web 前端性能优化的任务，一时间不知道从什么地方入手，查了不少资料，发现其实还是蛮简单的，简单来说说。一.前端性能测试是什么前端性能测试对象主要包括：HTML、CSS、JS、AJAX 等前端技术开发的 Web 页面影响用户浏览网页速度的因素主要有：服务端数据返回、网络传输、页面... 阅读全文

posted @ 2016-01-13 16:11 Double405 阅读(522) 评论(0) 推荐(0)

double2014

随笔分类 - html&css

公告