提升指定样式规则的应用优先权。 IE6及以下浏览器有个比较显式的支持问题存在，!important在同一条规则集里不生效。请看下述代码： 示例代码： div { color: #f00 !important; color: #000; } 在上述代码中，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖...

2018-06-27 09:08:47

修改所有图片或者元素的颜色为黑白 (100% 灰度) DOM { -webkit-filter : grayscale(100%) ; /* Chrome, Safari, Opera */ filter : grayscale(100%) ;}...

2018-06-27 09:08:42

什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态...

2018-06-27 09:08:43

今天敲代码时，想写一个切换头像的功能，问题来了，头像就是死活不出现呐。突然灵光一现，难道css和javascript中图片路径书写方式不一样？？？ 嗯…是这样的: 在根目录下新建了个“images”文件，里面放了两张图片bg1.png和bg2.png 在根目录下另外新建了两个文件夹"CSS...

2018-06-27 09:08:43

一、伪类和伪元素 伪类和伪元素都是用来修饰不在文档树中的部分，区别在于， 伪类 用于当已有元素处于的某个 状态 时，为其添加对应的样式，这个状态是根据用户行为而 动态 变化的(如:hover/:active)。 而 伪元素 则用于创建一些 不在文档树中的元素 ，并为其添加样式(...

2018-06-27 09:08:38

一、使用表单标签，与用户交互 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title 表单标签 / title 6 / head 7 body 8 form 9 label for ="username" 用户名: / label 10 input type ="text" name ="us...

2018-06-27 09:08:35

前言：最近准备做一个自己的网页，设计稿中导航我准备设计成矩形，也有hover样式展示的矩形，当中一些头像等等。以前除了画圆，好像真没认真画过其他图形，今天就画画我们常见到的几个图形。 在此之前我们有必要了解下什么是伪元素(和它不同的，还有一个概念叫伪类，两...

2018-06-27 09:08:35

最佳答案： 彩屏设备 和 (最小宽度768px) 和 (最大宽度959px) 仅限 彩屏设备 和 (最小宽度480px) 和 (最大宽度767px) 在你发的代码中其实没有什么不同，用起来效果都是一样的。 下面这样用only才有效果： @media all and (min-width:xxx) and (max-width:xxx){ /*这段...

2018-06-27 09:08:29

浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除。 关于清除浮动的方式: 方式一:使用overflow属性来清除浮...

2018-06-27 09:08:27

第一步，在中引入字体并给名字取一个合适的名字，如下@font-face { /* font-properties */ font-family: pictos; src:url('pictos/pictos-web.woff'), url('pictos/pictos-web.ttf'), url('pictos/pictos-web.eot'); /* IE9 */}font-family定义字体的名字，接下来的src...

2018-06-27 09:08:32