随笔分类 - H4C2
摘要：ie6 实现PNG图片透明的方法：一、滤镜 (实现png背景图片透明显示)1、书写正常的CSS代码，通过background导入图片，这样所有的浏览器均使用了此PNG图片； background:url(../images/W3CfunsLogo.png); 但是ie6下png图片透明的地方会有浅色
阅读全文
摘要：顏色名稱代碼顏色maroon #800000 darkred#8B0000 brown#A52A2A firebrick #B22222 crimson#DC143C red#FF0000 桃紅~紛紅顏色名稱代碼顏色mediumvioletred#C71585 palevioletred#D87093 deeppink #FF1493 fuchsia(magenta)#FF00FF hotpink#FF69B4 pink#FFC0CB lightpink #FFB6C1 mistyrose#FFE4E1 lavenderblush#FFF0F5 紫 顏色名稱代碼顏色indigo#4B0082
阅读全文
摘要：css清除浮动影响的方法： 因为常用浮动布局 所以也常常要清除浮动的影响 什么是浮动的影响：当父元素内所有子元素都浮动，会产生2个影响 父元素高度塌陷，最后一个浮动的元素影响后面元素原本的文档流 总结8种清除浮动的方法（测试已通过 ie chrome firefox opera，后面三种方法只做了解
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=g
阅读全文
摘要：DIV+CSS1、将英文字体设置在前，中文字体设置在后 font-family:"Arial","黑体";line-height :设置行高**想让文字在垂直方向上居中，将行高设置为元素的高度，行高==元素高度（文字内容不能超过元素的宽度，即不能换行）font-weight:文字加粗2、导入样式表1、导入式会占用html空间2、有些浏览器解析会有问题，即浏览器会最后读取@import中的内容 ~~旧的浏览器不支持 @import , @import是CSS2.x的东西 @import的样式会最后加载ps：可将多个css文件通过@import url(&q
阅读全文
摘要：{*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了，以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过，可是现在发生了变化。众所周知，!important这个规则对Ie6.0,Ie7.0和Firefox能写hack，现在就来讲解 这是什么原理： *对于Ie系列浏览器都能够识别， firefox 浏览器则不能识别; !important只有Ie7.0和firefox可以识别，但是Ie6.0不能成功应用. (1)区别ie与firefox的hack为:border:2px solid #f00;*border:1px solid #f00...
阅读全文
摘要：不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-inde
阅读全文
摘要：给一个p标签增加一个类（class），可是执行后该class中的有些属性并没有起作用。通过Firebug查看，发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS选择器的优先级问题，这里就CSS选择器的优先级问题做了一些总结。选择器种类严格来讲，选择器的种类可以分为三种：标签名选择器、类选择器和ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。而 在标签内写入style=""的方式，应该是CSS的一种引入方式，而不是选择器，因为根本就没有用到选择器。而一般人们将上面这几种方式结合在一起，所 以就有了5种或6种选择器了。三种基本的选择器类型语法如
阅读全文
摘要：这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。 link方式: <head> <link href="mystyle.css" rel="stylesheet" type="text/css" /> </head> import方式： <head
阅读全文
摘要：JavaScript 操作样式表(StyleSheet) JavaScript对单个元素样式的操作很简单，只要操作元素上的style属性就可以了。但是有时候仅操作单个元素的样式无法达到我们需要的效果。当需要批量修改一大堆元素的样式时如果遍历修改就很浪费资源，这时候就可以直接操作样式表来实现批量修改样式。 样式表实际上也是一个DOM节点，一般分为两种，一种是使用LINK标签引入的外部样式表文件，另一种是直接在文档中使用STYLE标签储存的样式表数据。它们必须存在与文档中才会生效，比如下面的代码我把样式表的标签删除了之后，它设置的样式也会失效。 ~~~ 样式表也是一个dom节点，删除样式表节点..
阅读全文
摘要：css中font的写法 font属性简写方法最常见写法： H1 { font:bold 16px Arial; } ~~~顺序font:Style Weight Size/Line-height Family分别为：'font-weight'和'font-size'和'font-family' 注意中间为空格下面转至其他说法：font版本：CSS1/CSS2 兼容性：IE4+ NS4+ 继承性：有 语法： font : [ [ <'font-style'> || <'font-variant'&g
阅读全文
摘要：body元素是自适应高度的块级元素，当页面内容比较少时，它的高度会小于默认浏览器的可是区域高度；html元素的高度是默认等于浏览器视窗的高度的从文档结构上来说 body是html的子元素，按道理设置body{ height:100%;},可以让它和html元素高度相等，实际发现没没效果。需要设置 html,body{height:100%}才能让两者的高度相等测试代码如下：<!DOCTYPE html><html><head><style>html{height:100%; background:yellow;}body{height:100%;
阅读全文
摘要：~~~ ie的CSS hack 主要有4种 选择器hack、属性hack、 条件注释hack 和 媒体查询hack以前觉得hack的方法很没规律，今天整理了一下，发现还是有点规律可循的。不过因为hack的方法各个浏览器，或同一浏览器的不同版本都是各自为政的，没有标准可循，易变性很强，要是哪天浏览器不支持某些hack方式了，那么大量采用这些hack方式去布局的页面，将会面临很大的问题，因而hack的方式去解决问题容易给日后的维护带来风险，所以还是尽量少用为好。CSS hackIE hack 专门针对IE,只有IE能识别的----------- 选择器hack ------------/* ie6
阅读全文
摘要：~~~z-index需要和非静态的定位属性一起使用才有效果，而且还要看其父元素的堆叠层级的高低，这时之前了解的。这篇文章从一个理论的高度 堆叠上下文 来解释了这个问题，不错！需要注意 ： 堆栈上下文形成条件------------------------关于z-index的真正问题是，很少有人理解它...
阅读全文
摘要：css选择器的权重!important (ie6+)> 内联样式>内嵌样式>外部样式 //--样式定义的位置不同，权重不同定义的位置相同时 不同选择器 权重不同位置相同 选择器相同 先后定义同一样式属性的话，后定义的覆盖先定义的不同选择器的权重值id选择器 100class选择器 10标签选择器 1继承的样式属性的权重最低 如font: color:如：层次选择器的权重值1 <style type="text/css">2 #main .title p{} /* 100+10+1=111 */3 </style>
阅读全文
浙公网安备 33010602011771号