这是一个小 CSS 样式表，是著名的库，作为 CSS 基础样式的一部分，可消除客户端渲染不一致问题。 地址是 https://necolas.github.io/normalize.css/ 别小看这不到 200 行的小 CSS ，这可是一群大佬花了几百个小时调出来的。解决的问题比如说 line-height,不同浏览器的默认 line-height 是
::-webkit-input-placeholder{color:#f00;} ::-moz-placeholder{color:#f00;} :-moz-placeholder{color:#f00;} 参考链接：http://t.zoukankan.com/yjzhu-p-4402644.html
博客园文章防盗措施 之前在博客园写了几篇文章，同时投递了博客园首页，今天无意在浏览器搜了一下那些文章的标题，发现自己的文章竟然被爬了！ （这里本来想放一张图的，想想还是算了） 要说他们盗走就盗走了，至少还能给我引点流，但是他们还把原文中的链接全部转换了，他们以此来引流，部分网站还顺便
input::-webkit-input-placeholder , textarea:-moz-placeholder { /* WebKit browsers */ color: #000;}input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000;}input::-moz-placeholder, t
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */
1.创建公共scss文件 @mixin border-radius($radius) { -moz-border-radius: $radius; -webkit-border-radius: $radius; -ms-border-radius: $radius; border-radius: $radius; } 2.使用 <style lang='scss' scoped> .cirle{ @include border-radius(10r
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。 要创建 CSS3 动画，你需要了解 @keyframes 规则。 @keyframes 规则是创建动画。 @keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。 下面给大家介绍：常见CSS动画库合
背景颜色的渐变： background: -webkit-linear-gradient(渐变的起始位置， 颜色 位置，颜色 位置...) /* background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%) */ 前面的 webkit， moz 是表示的浏览器的前缀 浏览器前缀 -webkit- 是Google，Safari，Android Brows
.demo{-webkit-transform:rotate(10deg);-moz-transform:roate(10deg);} .skew{-webkit-transform:skew(20deg);-moz-transform:skew(20deg);} .scale{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);} .translate{-webkit-transform:translate(100px,0);-moz-trans
<template> <div class='map_loading_vue' :class='{hide:isOpacity}' v-show='isShow'> <div class='title'>健坤地图设备管理</div> <div class="loader" v-if='isShowLoad
input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ input:-ms-input-pla
input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ input:-ms-input-placeholder{} /* IE浏览器 */ scss语法 @
CSS -- 禁止用户选择 网站会有一些简单的保密需求，不想让用户复制文字，或者轮播图到头了，左右箭头还在点点点，会有蓝色的背景，使用下面的css就可以解决这种问题。 CSS /* 禁止长按保存图片 */ img { pointer-events:none; } /* 禁止复制文本 */ *:not(input,textarea){ -webkit-t
input::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } input:-moz-placeholder { color: #b8dbff; } input::-moz-placeholder { color: #b8dbff; } input:-ms-input-placeholder { color: #b8dbff;
1.什么是SASS？ Sass是一个将脚本解析成CSS的脚本语言，即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”，与Haml类似，使用缩进来区分代码块，并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”，使用和CSS一样的块语法，即使用大括号将不同的规则分开，使用分号将具体的
首先需要明确一点的是，火狐浏览器全系列不支持CSS的zoom缩放属性。 浏览器兼容查询网站：https://caniuse.com/ 所以此时只能通过transform的scale实现放缩 代码很简单，两行即可： 但是不建议用这个，最好加属性前缀，往下看 transform:scale(..); transform-origin:..; 其中scale可
ms-代表【ie】内核识别码；-moz-代表火狐【firefox】内核识别码；-webkit-代表谷歌【chrome】/苹果【safari】内核识别码；-o-代表欧鹏【opera】内核识别码； 进一步看前缀对应的内核：（1）Gecko内核，css前缀“-moz-”，火狐浏览器；（2）WebKit内核，css前缀为“-webkit-”，Comodo Drangon(科摩多龙)，苹果，安
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; font-size: 16px; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; font-size: 16px; } input:-moz-placeh
###前言上篇文章主要讲述了CSS样式更改中的2D转换，这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。 ####1.过渡元素从一种样式逐渐改变为另一种的样式 div { transition: width 1s; -moz-transition: width 1s; /* Firefox 4 */ -webkit-transition: width 1s; /* Safar
::-webkit-input-placeholder { color: #999 !important; } ::-moz-placeholder { color: #999 !important; } :-ms-input-placeholder { color: #999 !important; } input::-w
[ CSS 中文开发手册 -moz-border-right-colors (Extensions) - CSS 中文开发手册 非标准 此功能是非标准的，不处于标准轨道上.。不要在面向Web的生产站点上使用它：它并不适用于每个用户。实现之间也可能存在很大的不兼容性，而且这种行为在未来可能会发生变化。 在火狐等Mozil
通过css3我们可以创建动画，它能取代gif图片、Flash、Js动画等,css3的animation动画是应用在html的DOM元素上的，通过样式来实现的。 @keyframes 规则 @Keyframes我们可以把他理解为“关键帧”，它的规则是：创建由当前样式逐渐改为新样式的动画效果。对于一个"@keyframes"中的样式规则
代码如下： 最下面有个3000毫秒后 自动跳转的URL脚本 自行修改， 本代码是在某个网站上复制的！ 如图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>404</title> <style class="cp-pen-styles"&
因为工作一年多以来，做的工作基本都是和webkit系列打交道。 先是做m站，后来做了两个app内嵌的hybrid项目，从来只考虑webkit前缀和相关的伪类。 最近四个多月开始做内部的管理系统，写写样式，偶尔做个calendar、tree之类的组件，所有的基本只考虑新版Chrome。从来没考虑别的问题。 最近在
