# 选定ID .  选定class   大小写严格区分,因此选定class和设定class等要一致  …

最近在网站首页上想将Banner壁纸给做到后台上传随时更改的效果.遇到问题便是:将上传的图片路径动态添加到首页css代码中,结果尝试了网上提供的思路,更改相对路径,换为url中“../../Content/”以及“./Content/”之类的,但实际操作并没能实现新上传的图片路径加载到css代码中.首页部分css代码贴出: /*--banner--*/ .banner { background:url(../images/banner-1.jpg) no-repeat 0px 0px; back…

现代浏览器里CSS的职责范围和JavaScript的越来越模糊分不清.比如CSS里-webkit-touch-callout属性在iOS里能禁止当用户点击时弹出气泡框.而本文要说的pointer-events的风格更像JavaScript,它能够: 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的hover和active状态的变化触发事件 阻止JavaScript点击动作触发的事件 一个CSS属性能做所有的这么多事情! 这个pointer-events属性有很多可以使用的属…

CSS里的 no-repeat是针对背景图片来说的.当你设置了no-repeat这个属性后,你的背景图片将不会被重复,再换一种说法,你在网站上所看到的背景图片就是你所添加的图片, 不会出现平铺或者重复的现象. 你仍然可以通过其他方式来控制图片的位置,比如: {backgroud:top, center, no-repeat;} 这样你的背景图片就位于上部的居中位置.…

请阅读 在CSS里用calc进行计算   下面的元素的width,padding,margin都使用了CSS calc进行计算. 简单计算: 100% – 100px 这是经过简单计算的元素宽度 复杂计算: 100% – calc(100% – 50% / 3), 5px calc(3% – 2px), calc(10% + 10px) 这是一个经过复杂计算的元素宽度  …

CSS里的user-select属性用来禁止用户用鼠标在页面上选中文字.图片等,也就是,让页面内容不可选.也可以只允许用户选中文字,或者全部都放开,用户可以同时选中文字.还包括文本里的图片.视频等其它东西.user-select属性的作用是元素级别的,它不仅可以作用整个页面,也可以只在指定的元素和其子元素上生效. 写这篇文章的时候,“user-select”属性在各大浏览器里都还是实验性的属性,以后有可能废弃,也有可能转正,目前使用各种浏览器引擎前缀,它的作用还是能发挥的不错的. 我们来先看看u…

canvas.width 和 它的style.width是不一样的: canvas是个画布,有他自己的宽和高(默认是没有单位的纯数字),就是canvas.width和canvas.height的宽和高, 行间样式里如果你用vh和vw设置宽高,不好意思,不可以,统统按照px计算, css里可以用vw,vh.但是,请记住,这里设置的是style.属性; js里用带有单位的字符串比如vw和vh还有px,设置width和height,还是不好意思,不好使, 这样就不好使!!! (style属性是表现在页…

java三种注释 原文链接:https://www.cnblogs.com/miys/p/4bf714ce33068dcf9ac6526309c9b5e6.html 单行注释:// 注释内容 多行注释:/*... 注释内容....*/ 文档注释:/**.. 注释内容....*/         文档注释可以用来自动地生成文档.在JDK中有个javadoc的工具,可以由源文件生成一个HTML文档.使用这种方式注释源文件的内容,显得很专业,并且可以随着源文件的保存而保存起来.也就是说,当修改源文件时…

vue build打包后css里的图片路径404 在vue-cli项目中build/utils.js中找到如下代码块,添加 publicPath:’../../’ if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' //添加这句话 }) } else { return ['vue-style-loader'…

  css 设置英文字母大小写转换 CreateTime--2018年5月25日07点16分 Author:Marydon 1.实现:通过text-transform实现 2.text-transform语法: text-transform : none | capitalize | uppercase | lowercase 取值: none : 默认值.无转换发生 capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生 uppercase : 转换成大写 lowercas…