JS+CSS简单实现DIV遮罩层显示隐藏

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2  <h
71次阅读

CSS高度自适应 height:100%;

在初次尝试高度自适应时都会遇到这样的问题: 对象的heith:100%; 并不能直接产生实际效果为什么呢?之所以没有效果,与浏览器的解析方式有一定关系,查看下面代码<!DOCTYPE html><html> <head> <meta ch
44次阅读

[Nuxt] Add CSS Libraries to Nuxt

You can easily add CSS libraries to Nuxt using yarn or npm to install them, then simply adding them to the nuxt.config.js&nbs
56次阅读

[HTML] Change an HTML5 input's placeholder color with CSS

We will look at what CSS selectors to use to change an HTML5 inputs placeholder color. This can differ from browser to browser, so, we will make sure
163次阅读

CSS变量variable

前面的话  一直以来,CSS中是没有变量而言的,要使用 CSS 变量,只能借助 SASS 或者 LESS 这类预编译器。新的草案发布之后,直接在 CSS 中定义和使用变量不再是幻想了。本文将详细介绍CSS变量variable 基本用法  CSS 变量是由CSS作者定义的实体,其中包含要在整
137次阅读

CSS遮罩mask

前面的话  CSS遮罩是2008年4月由苹果公司添加到webkit引擎中的。遮罩提供一种基于像素级别的,可以控制元素透明度的能力,类似于png24位或png32位中的alpha透明通道的效果。本文将详细介绍CSS遮罩mask概述  遮罩mask的功能就是使用透明的图片或渐变遮罩元素的背景。于是,遮罩
39次阅读

CSS兼容性详解

前面的话  对于前端工程师来说,不想面对又不得不面对的一个问题就是兼容性。在几年之前,处理兼容性,一般地就是处理IE低版本浏览器的兼容性。而近几年,随着移动端的发展,工程师也需要注意手机兼容性了。本文将详细介绍CSS兼容性  盒模型属性【宽高width/height】(全兼容)w
38次阅读

CSS命名实践

前面的话  每次写HTML结构涉及到CSS命名时,都要挣扎一番。关于CSS命名的规范,市面上有不少,如OOCSS、SMACSS、BEM和MVCSS等。在这里面最火的应该算BEM了。本文将详细介绍CSS命名 主流命名【BEM】  说起CSS命名,当然要提到BEM。BEM的意思就是B模块(bl
177次阅读

CSS规范

前面的话  CSS是网页样式的描述语言,CSS规范能够使CSS代码风格保持一致,使得CSS更容易理解和维护。本文将详细介绍CSS规范 代码风格【选择器】  1、选择器 与 { 之间包含空格.selector {}  2、>、+、~ 选择器的两边
49次阅读

在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件

1.操作前确定成功安装less,检测方法,在命令行(cmd),输入lessc -v,看到如下类似内容,则说明安装过了。  如果需要生成压缩后的css的文件,则需要通过以下命令安装插件npm install less-plugin-clean-css【注:】可能遇到的问题解决方案:
73次阅读