去掉@EnableWebMvc 注解 ，相关原因请看原博文https://blog.csdn.net/testcs_dn/article/details/80249894原文：https://www.cnblogs.com/0kuxia0/p/9605436.html
css选择器用$("")包起来就成了jQuery选择器 CSS选择器jQuery选择器ID选择器#myID$(‘#myID‘)类选择器.myclass$(‘.myclass‘)标签选择器p$(‘p‘)层次选择器div > strong$(‘div>strong‘)css称为伪类选择器jQuery称之为过滤选择器p:nth-child(1)$(‘p:nth-child(1)‘) CSS选择器的效率（从上至下）：id选择器（#myid）类选择器（.myclassname）标签选择器（div,h1,p）相邻选择器（h1+p）子选择器（ul > li）后代选择器（li...
按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？ 有一种做法就是在父容器内再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签，...
element ui坑况：今日pull代码，潇洒npm run dev ，被告知：this dependency was not found：‘element-ui/lib/theme-chalk/index.css‘。。。。。。。解决思路1.找不到依赖，路径问题这是不科学的啊，昨天能够跑通的代码，今天就狗带了？ 但是你也要去找找路径相关的解答，万能度娘上线，大多是这样的，应该这样引用"./" emmmm 分析了一波不太对啊！elementui 的引用方式就是这样的import ‘element-ui/lib/theme-chalk/index.css...
jQuery选择器和CSS选择器的写法十分类似，都具有隐式迭代的特点，无需循环遍历符合选择器要求的每个元素，使用起来相对方便，通常，把css选择器用$("")包起来就成了一个jQuery选择器。1、区别那么两者的区别如下两者的作用不同，CSS选择器找到元素后为设置该元素的样式，jQuery选择器找到元素后添加行为jQuery选择器拥有更好的跨浏览器的兼容性选择器的效率CSS选择器的效率 id选择器（#myid）类选择器（.myclassname）标签选择器（...
毫无疑问，你会发现很多情况下，不同的浏览器需要不同的样式声明，针对这一点，Conditional-CSS可以让你在你的CSS声明中添加Internet Explorer内置式条件样式。Conditional-CSS允许你针对单一浏览器或浏览器组写出有逻辑条件的可维护的特定的CSS声明。相关文章：针对不同版本的IE浏览器的条件CSS应用 条件CSS的高级用法使CSS针对特定的浏览器。 简化你对CSS文件的维护。 优化你的CSS。 解决CSS那些使人烦恼的小BUG。 自动扩展和引...
CSS面试题CSS3新增了那些特性？完整链接CSS3实现圆角:border-radius盒子阴影：box-shadow文本阴影：text-shadow渐变：gradient变化：transform新增加很多CSS伪类选择器 ：not选择器 ：empty选择器 ：root选择器 ：target选择器 ：selection选择器 以下的选择器的说明介绍里有个词叫“一组”。他的意思就是同一父元素下所有元素及文本节点，即为一组。 ：nth-of-type(n) ：nth-last-of-type(n) ：first-of-type ：last-of-type ：on...
backdrop filter属性允许我们使用css对元素后面的内容应用过滤效果。此属性是定义筛选器属性的筛选器效果模块级别1的扩展。它使用与filter属性相同的语法，但效果将应用于元素的背景。这种影响常见于运行ios7及以上版本的设备接口，以及os x yosemite及以上版本的设备接口。如果没有这个特性，这种效果只能通过编辑背景图像本身并应用剪裁和定位技术来实现。若要使属性具有任何可见效果，需要从嵌套元素或绝对位置沿Z轴将两个元素堆...
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS 简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅 读。下面介绍常见的CSS简写规则： 一、盒子大小 这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。 盒子有上下左右四个方向，每个方向都有个外边距：?1234margin-top:1px;margin-right:2px;margin-bottom:3px;margin-left:4px; ...
<!-- 《CSS世界》张鑫旭著 -->功勋卓越的 border 属性border-width 不支持百分比值border-style 类型border-style 默认值是none；多出现在重置边框样式的时候，渲染性能最高的写法是：div { border: 1px solid; border-bottom: 0 none;}border-style: dashed虚线边框。虚线颜色区的宽高比以及颜色区和透明区的宽度比例在不同浏览器下是有差异的。例如，在 Chrome 和 Firefox 浏览器下，颜色区的宽高比是3:1，颜色区和透明区...
一、为什么要清除浮动？ 1》父元素在未定义高的情况下，由于子元素全部浮动脱离文本流，而造成父元素高的塌陷（正常情况下，父元素的高是由未浮动的子元素撑起来） 2》因为部分子元素的而浮动，脱离文本流而造成其他元素的布局错乱。二、常见的几种清除浮动方法 1》给没有浮动的子元素的CSS添加 clear: both;或新增加一个空的子元素，并且给其的CSS添加 clear: both;这样可以利用清除左右浮动的子元素重新撑起父元素的高，...
在JS给元素设置样式属性值，我们只能通过curEle.style[attr] = value 这种方式给元素设置行内样式下面封装一个给当前元素的某一个样式属性设置值的方法（增加在行内样式上的）：setCss()function setCss(curEle,attr,value){//在JS中设置float样式值也需要处理兼容if(attr==="float"){curEle["style"]["cssFloat"] = value;curEle["style"]["styleFloat"] = value;return;}//如果打算设置的是元素的透明度，我们需要设置两套样式来...
这是一个截图，我想做做种样式的div.最终效果下面开始：首先打开windows 画图板，手绘一个图形bg.jpg,歪歪扭扭就ok了： <style type="text/css"> div { -moz-border-image: url(border.png) 30 30 stretch; /* Old Firefox */ -webkit-border-image: url(bg.jpg) 10 10 stretch; /* Safari and Chrome */ -o-border-image: url(bg.png) 20 30 stretch; ...
以前实现按钮一般都是用图片来实现的，特别是一些拥有质感的按钮，今天练习了一些相关方面的的例子，用css3来实现Social Media Buttons html代码如下 <div class="outset-colored"><ul><li> <a href=" " title="My E-Mail" class="email"> <img src="images/gmail_white.png" alt="gmail icon" /> <span class="site">E-Mail</span> </a> </li><li> <a href="#" title="My LinkedIn Page" class="linkedin"> <img src="images/link...
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。 3、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，...