springMVC的<mvc:resources mapping="***" location="***">标签是在spring3.0.4出现的，主要是用来定义对静态资源的访问。上网搜了一下跟这个配置相关的文章，大多推荐用下面这种。可是，用这种的话，如果有一个新目录，就得新增一条配置，比较麻烦。<!-- For static resources --> <mvc:resources mapping="/image/**" location="/images/" /> <mvc:resources mapping="/js/**" location="/js/" /> <mvc:resources mapping=...
1.postcssPostCSS 的主要功能只有两个：第一个就是前面提到的把 CSS 解析成 JavaScript 可以操作的 抽象语法树结构（Abstract Syntax Tree，AST），第二个就是调用插件来处理 AST 并得到结果。PostCSS 一般不单独使用，而是与已有的构建工具进行集成。PostCSS 与主流的构建工具，如 Webpack完成集成之后，选择满足功能需求的 PostCSS 插件并进行配置。2.CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域），需要书写大量看似...
CSS概述CSS(Cascading Style Sheets)指层叠样式表，样式定义了如何显示HTML元素。样式通常存储在样式表中，样式与HTML分离解决了内容与表现分离的问题。多个样式表可以层叠为一。在同一个HTML文档头部可以引用多个外部样式表。以上，是对CSS一个概述。创建CSS插入样式表的方法有三种：1.外部样式表，<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>2.内部样式表，<head> <style type="text/css">hr ...
推荐用dom.style.setProperty(‘属性‘,‘属性值‘);例如：$("#id")[0].style.setProperty(‘margin-top‘,‘1px‘); 也可以用dom.style.属性=属性值;但是却不太好用，比如下面这个就没有成功$("#id")[0].style.margin-top="1px"; 原文：https://www.cnblogs.com/xiaostudy/p/10950834.html
box-shadow 使用方法设置块阴影语法：box-shadow：<length> <length> <length> <length> || <color>取值：<length> <length> <length>? <length>? || <color>：阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色 说明：引擎类型GeckoWebkitPrestoBox-shadow-moz-box-shadow-webkit-border-shadow 在IE中，可以使用filter:shadow来实现阴影效果, 同一个filter是可以使用多次的。由于shadow做阴影...
ylbtech-ionic-CSS：ionic 单选框 1.返回顶部1、ionic 单选框ionic 单选按钮与标准 type="radio" 的 input元素类似。以下展示了现代app类型的单选按钮。每个 item-radio 中的 type="radio" 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。ionic 在单选项中使用了 <label> 元素，使其更易点击。实例<div class="list"><label class="item item-radio"><input type="radio" name="group" value="go" checked="che...
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体佈局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签：tags 文章列表：list 提示信息...
好多盆友 很纠结 css命名规则 怎么弄，还没起步就被绊住了，那么今天蝈蝈就针对这个问题来讨论一下 没什么技术含量，但却对效率开发至关重要的“问题”。下文是一些知乎大神的个人经验总结，如果觉得有用请点赞 留言！ JS前端实用开发QQ群 ：147250970 欢迎加入~！如何看待 CSS 中 BEM 的命名方式？BEM的意思就是块（block）、元素（element）、修饰符（modifier），是由Yandex团队提出的一种CSSClass 命名方法。类似于：.block...
CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。‘‘‘selector {property: value;property: value;... property: value}‘‘‘ 例如：h1 {color:red; font-size:14px;} css的四种引入方式 原文：http://www.cnblogs.com/luchuangao/p/6865702.html
翻译：http://blog.csdn.net/freshlover/article/details/11579669原文：http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ 原文：http://www.cnblogs.com/liqipeng/p/6011745.html
一、分类： CSS3中的盒模型有以下两种：标准盒子模型、IE盒子模型二、组成： 盒模型都是由四个部分组成的，由外向内分别是margin、border、padding和content三、标准盒模型和IE盒模型的区别： 标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同： 标准盒模型的width和height属性的范围只包含了content IE盒模型的width和height属性的范围包含了border、padding和content四、改变元素的...
HEML基础教程http://www.w3school.com.cn/html/CSS基础教程http://www.w3school.com.cn/css/JavaScript基础教程http://www.w3school.com.cn/js/原文：http://www.cnblogs.com/yanbo1/p/4141151.html
CSS:a, label { display: block; border-bottom: 1px solid #ccc; padding: 1em 2em; width: 100%; color: #000; text-decoration: none; cursor: pointer; } .all-items { display: none; } .show-all { display: none; } .list { position: relative; pa...
今天写一个笔试题，其中有一个是用css实现直角梯形的效果，我给出的答案是： <style>.wrap{width: 100px;height: 50px;border-top:90px solid transparent; border-left:90px solid #ffff00; }</style> </head> <body><div class="wrap"></div> 原文：https://www.cnblogs.com/yuan233/p/10459444.html
上一篇文章里，我们实现了图片集的展示，在本文，对上一篇文章的内容作了封装，实现效果上作了一些优化，具体的思路我就不再赘述，下面将我的代码贴出来，以供搭建参考。1、imglist.csshtml, body, .modal-bg {height: 100%;margin: 0;padding: 0;font-size: 13px;font-weight: bold;color: #fff; } .modal-bg{position: absolute;left: 0px;top: 0px;width: 100%;background: #48525e;opacity: 0.4;z-index: 10; } .modal{positio...