CSS3
文章平均质量分 65
翱翔天地
技术在于专注!主要从事前端开发,熟悉vue、jQuery、uniapp等,有微信公众号和微信小程序开发经验,熟练使用echarts、highcharts、帆软报表;了解Java、python和mysql
展开
-
CSS3的[att$=val]选择器
1、实例源码CSS3的[att$=val]选择器 [id$=div_border]{ background-color:#9F6; width:160px; font-family:微软雅黑; font-size:18px; font-size-adjust:!important; font-stretch:expanded;原创 2015-04-11 17:47:24 · 1749 阅读 · 1 评论 -
百度地图-设置地图最小、最大级别
1、问题背景 地图可以设置最小级别和最大级别,利用minZoom、maxZoom属性进行设置2、实现源码设置地图最小、最大级别 body,html,#allmap { width: 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微软雅黑"; }原创 2016-05-08 21:32:59 · 27398 阅读 · 2 评论 -
百度地图-定时器移动地图
1、问题背景 打开地图默认为武汉市,过了5秒中后地图定位到黄冈市,再过5秒定位到上海市2、实现源码 定时器移动地图 body, html { width: 100%; height: 100%; margin:0; font-family:"微软雅黑";原创 2016-05-08 22:46:43 · 7275 阅读 · 0 评论 -
百度地图-同时加载多张地图
1、问题背景 在一个界面,同时展示不同城市地图分布情况2、实现源码 同时加载四张地图 body, html { width: 100%; height: 100%; overflow: hidden; margin:0; font-family:"微软雅黑"; } #container1{原创 2016-05-08 10:46:17 · 7720 阅读 · 0 评论 -
TypeError:this.K is undefined
1、错误描述2、错误原因 设置地图最小、最大级别 body{ width: 100%; height: 100%; overflow: hidden; font-family: "微软雅黑"; margin: 0; } #minMaxMap{ width: 1原创 2016-05-08 21:38:00 · 8679 阅读 · 6 评论 -
input输入框外联式样式控制不了字体
1、问题背景 在做项目过程中,发现input输入框利用外联样式,控制不了输入框的样式2、问题原因(1)HTML代码 (2)CSS代码input{ font-family: "微软雅黑"; font-size: 20px; color: #FF0000; text-align: center; width: 400px; height:原创 2017-08-04 20:24:29 · 1061 阅读 · 1 评论 -
Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier
1、错误描述jquery-1.9.1.min.js:69 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr...原创 2018-03-21 18:48:15 · 1585 阅读 · 0 评论 -
Element is not a table or has no id!
1、错误描述2、错误原因 jqGrid表格在界面上展示出来,需要一个表格容器,并且这个表格容器需要table标签元素实现。在使用jqGrid表格插件时,表格容器需要的是一个<table></table>标签,但是在这里却是只给了<div></div><div id="user-grid"></div>3、解决办法(原创 2018-03-21 19:05:39 · 1725 阅读 · 0 评论 -
Error: Module did not self-register
1、错误描述[编译scss/sass] 14:56:38.373 internal/modules/cjs/loader.js:717[编译scss/sass] 14:56:38.373 return process.dlopen(module, path.toNamespacedPath(filename));[编译scss/sass] 14:56:38.373 ...原创 2019-01-10 14:58:49 · 6750 阅读 · 0 评论 -
win32-x64-64\binding.node is not a valid Win32 application
1、错误描述[编译scss/sass] 15:48:25.231 internal/modules/cjs/loader.js:717[编译scss/sass] 15:48:25.231 return process.dlopen(module, path.toNamespacedPath(filename));[编译scss/sass] 15:48:25.231 ...原创 2019-01-10 15:51:17 · 17343 阅读 · 3 评论 -
Error: Invalid CSS after
1、错误描述[编译scss/sass] 16:04:01.955 {[编译scss/sass] 16:04:01.955 "status": 1,[编译scss/sass] 16:04:01.955 "file": "G:/HBuilderXWork/ES6/sass/a.sass",[编译scss/sass] 16:04:01.955 "line": 1,[编译scss...原创 2019-01-10 16:07:57 · 2150 阅读 · 4 评论 -
百度地图-异步加载地图
1、问题背景 百度地图核心js初始化不引入,在函数中创建script后引入2、实现源码 body, html,#allmap { width: 100%; height: 100%; overflow: hidden; margin:0; font-family:"微软雅黑"; font-size: 12px; font-size-adjust: n原创 2016-05-08 08:35:27 · 8081 阅读 · 0 评论 -
百度地图-设置默认城市
1、问题背景 利用百度地图,展示某城市地图分布;初始化时,默认打开就是该城市2、实现源码 设置默认城市地图 body,html,#map{ width: 100%; height: 100%; overflow: hidden; margin: 0; font-size: 12px; fo原创 2016-05-07 22:43:56 · 14927 阅读 · 0 评论 -
Bootstrap-查询按钮和重置按钮
1、问题背景 一般情况下,查询列表有查询条件、查询按钮和重置按钮,输入查询条件,点击查询按钮查询列表等数据;点击重置按钮会将查询条件恢复到原始状态2、实现源码 Bootstrap-查询按钮和重置按钮 $(document).ready(function(){ //查询按钮事件 $("#searchBtn").off().on("原创 2016-05-30 23:37:25 · 17876 阅读 · 1 评论 -
CSS3的[att*=val]选择器
1、实例源码CSS3的[att*=val]选择器 [id*=div_border]{ background-color:#9F6; width:110px; font-family:微软雅黑; font-size:18px; font-size-adjust:!important; font-stretch:expanded;原创 2015-04-11 17:19:18 · 1474 阅读 · 0 评论 -
CSS3的[att^=val]选择器
1、实例源码CSS3的[att^=val]选择器 [id^=div_border]{ background-color:#9F6; width:160px; font-family:微软雅黑; font-size:18px; font-size-adjust:!important; font-stretch:expanded;原创 2015-04-11 17:36:47 · 1499 阅读 · 0 评论 -
CSS3的[att=val]选择器
1、实例源码CSS3的[att=val]选择器 [id=div_border]{ background-color:#C00; width:110px; font-family:微软雅黑; font-size:18px; font-size-adjust:!important; font-stretch:expanded;原创 2015-04-11 17:08:20 · 1520 阅读 · 0 评论 -
CSS3中-moz、-ms、-webkit和-o分别代表什么意思
CSS3中-moz、-ms、-webkit和-o分别代表什么意思1、-moz-:代表FireFox浏览器私有属性2、-ms-:代表IE浏览器私有属性3、-webkit-:代表safari、chrome浏览器私有属性4、-o-:代表opera浏览器私有属性原创 2015-10-23 14:17:31 · 6836 阅读 · 3 评论 -
CSS3之background-clip
1、属性简介 background-clip:padding|border|content|text|!important2、兼容性(1)IE6、7、8不兼容(2)火狐3.0以上兼容(3)Chrome 2.0.x兼容3、属性实例CSS3之background-clip body{ background-color:#FCC;原创 2014-02-22 22:29:29 · 2221 阅读 · 0 评论 -
CSS3之边框属性border
CSS3之边框属性border1、设计源码边框属性border #border_style{ border-width:thin; border-style:dashed; border-color:#0C9; } #border{ padding-top:200px; border:dashed thin #0C9; } Border原创 2015-12-12 19:22:28 · 2229 阅读 · 1 评论 -
CSS3之position
CSS3之position1、取值(1)absolute(2)fixed(3)inherit(4)relative(5)static(6)!important2、实现源码CSS3之position #div1{ position:absolute; } #div2{ position:fixed; } #div3{ position:inherit; }原创 2015-12-04 21:29:33 · 1940 阅读 · 2 评论 -
百度地图-放大地图
1、问题背景 地图根据不同等级可以放大缩小,并且中心点坐标不变2、实现源码 放大地图 body,html,#map{ width: 100%; height: 100%; overflow: hidden; margin: 0; font-size: 12px; font-famil原创 2016-05-12 23:07:59 · 9885 阅读 · 2 评论 -
高德地图-初始化地图
1、问题背景 利用高德地图的接口,创建一个以武汉为中心点的地图,放大级别是182、实现源码 初始化地图 html,#map{height:100%} body{height:100%;margin:0px;padding:0px} function initMap() {原创 2016-05-14 23:20:08 · 11763 阅读 · 0 评论 -
Bootstrap-表格合并单元格
1、问题背景 利用Bootstrap设计表格,并且表格需要合并单元格2、实现源码 Bootstrap-表格合并单元格 body,html{ width: 99%; height: 98%; font-family: "微软雅黑"; font-size:原创 2016-05-29 23:30:17 · 32405 阅读 · 7 评论 -
SyntaxError: Properties must be inside selector blocks
1、错误描述[编译less] 09:37:49.919 [31mSyntaxError: Properties must be inside selector blocks. They cannot be in the root[39m[31m in [39mG:\HBuilderXWork\ES6\less\b.less[90m on line 26, column 1:[39m[编译l...原创 2019-01-17 09:41:07 · 1446 阅读 · 0 评论