标签 css 下的文章

CSS 的优先级机制[总结]

样式的优先级 多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style   有个例外...

前端文摘:最全的 CSS2.1 和 CSS3+ 的区别一览

大家都知道我们习惯性称作的 CSS3 对于 CSS2.1 有很多的修改和补充。抛开浏览器的兼容性问题,这篇文章把所有的变化整理到一篇文章中便于学习和查阅。尽管我尽量确保收录了所有的新特性,但是不能保证没有遗漏,欢迎大家留言。 新属性 下面是 CSS3 新增的 CSS3 属性列...

元素使用CSS进行隐藏的几种方式与差别

一、CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。后宫选秀——一个一个看。 { display: none; /* 不占据空间,无法点击 */ } {opacity:0; /* 占据空间,可以点击*/} { visi...

CSS未知宽高元素水平垂直居中

方法一  思路:显示设置父元素为:table,子元素为:cell-table,这样就可以使用vertical-align: center,实现水平居中 优点:父元素(parent)可以动态的改变高度(table元素的特性) 缺点:IE8以下不支持 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...

Flex 布局

Flex 布局教程:语法篇 作者: 阮一峰 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一...

CSS-标准盒模型 & 怪异盒模型

CSS中Box model分类 CSS中Box model是分为两种:: W3C标准 和 IE标准盒子模型。 大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。 怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。 当不对doctype进...

设置type=”file”的input框,在鼠标划过的时候是小手(兼容ie,chrom)

当input的type=“file”时,鼠标放上去是一个箭头,如果想要体验好一点可以给此input加一个css样式,这个在IE下面是可行的: cursor: pointer; cursor: hand;//写两个是为了照顾IE5,它只认hand 为了兼容chrom需要设置:font-size:0

解决 type=‘file’ 的文件域清空,兼容chrom 与 IE

情况一:如果<input type="file" id="upload">在当前页面中的话,可以使用js和jquery两种方法处理文件域清空问题; 方法一(jquery): $('#upload').attr('type','');//首先把file的type类型置空 $('#upload').attr('type','file');//然后把file的type类型置为file 即可解决此问题 方法二(js)...

IE的<INPUT TYPE=”file” 的accept 如果不设置也有缺省类型

IE下的<INPUT TYPE="file" 的accept 如果不设置的话,运行后永远是三个选项:全部、图片、网页格式。在考虑是不是IE的缺省就是这三个值,我在chrom里面没有出现这种情况,只有全部文件;如有知道的麻烦请告知一下,谢谢

HTML特殊字符大全

使用方法: 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8; 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于html的,你需要在前面加上&#符号; 第二列可以用于CSS文件中,但是需要用反斜杠\转义; 第二列也可以用于javascript,和CSS用...

解决了一个大问题,select设置disable后ie修改默认字体颜色暂时解决

找了很多资料,终于在科学上网后找到了一个方法,虽然暂时不知道原理,但是已经实现了功能就是好的 select[disabled='disabled']::-ms-value { color: #000; }