按钮样式主题的文章列表，还有按钮样式的技术要点_第39页

css滑动门制作圆角按钮

　　　　之前做项目的时候，基本都是将圆角背景图切成三块，故而每次用的标签都超级多，a标签中总是包含三个span，然后里面还得放按钮，导航冗余标签极多。　　事实上是之前理解的滑动门的精髓不够到位。　　现在有两种方式。　　效果展示：http://runjs.cn/detail/evk8nkc8　　先上传要用的两张图片吧。　...

代码星球 ·2020-04-09

点击按钮后变灰（等待60秒）

一般我们在登录网上银行时，或者注册账号时，发送验证码时，经常为了避免邮件或者短信的多次重复发送，所以可以在点击了发送后按钮就会变灰。如下图 <html><head><title>点击获取验证码按钮后按钮变灰，倒计时一段时间后又可重复点击</title></...

代码星球 ·2020-04-09

JS点击按钮打开新的独立页面

工作中遇到需要点击按钮弹出一个独立的页面，并显示指定内容的问题，查了一些资料后，得到以下方法：window.open('locationPage.html','_blank','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,r...

代码星球 ·2020-04-08

博客园样式-根据文章自动生成文章目录

平时经常在博客园写文章,有很多网友私信问我的博客文章目录生成是怎么做的?中有有时间写一篇文章介绍了.文件保存为:addCategory.js主要是生成目录的作用$(document).ready(functionaddCategory(){if($("#navCategory").length>0)return;...

代码星球 ·2020-04-08

几个好看的表格样式

/*第一种样式*/table.gridtable{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:1px;border-color:#666666;border-collapse:collapse;}table...

代码星球 ·2020-04-08

2016年5月30日上午（传智Bootstrap笔记七（辅助类样式））

　　1、文本颜色类：.text-muted"text-muted"类的文本样式 .text-primary"text-primary"类的文本样式 .text-success"text-success"类的文本样式 .text-info"text-info"类的文本样式 .tex...

代码星球 ·2020-04-08

2016年5月30日上午（传智Bootstrap笔记六（图片样式））

　　为了给段落添加强调文本，则可以添加class="lead"，这将得到更大更粗、行高更高的文本，如下面实例所示：<body><hr><h2>引导主体副本</h2><pclass="lead">这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的...

代码星球 ·2020-04-08

防止表单submit或按钮button多次连续点击提交

如上例子：当我点击提交按钮触发submitQuartz()函数防止用户连续点击提交操作方法一：获取当时点击时间，根据时间差判断$scope.submitQuartz=function(){varnowTime=newDate().getTime();varclickTime=$(this).attr("ctime");...

代码星球 ·2020-04-08

样式加载不出来，浏览器控制台报错：Resource interpreted as Stylesheet but transferred with MIME type text/html

今天在研究Java的Filter过滤器的时候，过滤网站的全部内容（包括静态内容），这样就导致了即使给静态资源放行了，浏览器响应静态资源的状态码也为200，但是就是加载不进来样式！后来经过几小时的大战终于找到了报错的原因引入资源报 Resourceinterpre...

代码星球 ·2020-04-08

webpack4+（打包后的文件分析+脚本打包+HTML插件+样式处理CSS+Less+css抽离压缩）

（1）打包后的文件分析　　首先将打包后的文件进行适当删减，Ctrl+Shift+L可以同时选中所有相同结构内容　　结构如下(function(modules){...})({...})　　分析可知本质为匿名函数即IIFE函数，执行时会传入后面函数执行符里的对象，接下来分析下传入对象　　对象构成：　　key指的是当前模块...

代码星球 ·2020-04-08

修改滚动条样式

/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:.04rem;height:.02rem;}/*滚动条的滑轨背景颜色*/::-webkit-scrollbar-track{background-color:#fff;border-radius:5px;}/*滑...

代码星球 ·2020-04-08

vue中修改swiper样式

问题　　vue单文件组件中无法修改swiper样式。解决　　1，单文件组件中：新增一个style不加scoped让它最终成为全局样式。只在其中操作swiper的样式。<stylelang="scss">.swiper-container{.swiper-pagination{.swiper-paginati...

代码星球 ·2020-04-08

vue-cli3.0结合lib-flexible、px2rem实现移动端适配，完美解决第三方ui库样式变小问题

公司最近做的一个移动端项目从搭框架到前端开发由我独立完成，以前做移动端适配用的媒体查询，这次想用点别的适配方案，然后就采用了vue-cli3.0结合lib-flexible、px2rem实现移动端适配的方案，开发过程中也遇到一些坑，自己选的方案自己填坑吧。以下记录我的项目框架搭建及填坑方案。搭建可以参考我的另一篇文章v...

代码星球 ·2020-04-08

Reset.css和Normalize.css样式表初始化相关

（1）Reset.css　　简介：在HTML标签在浏览器里有默认的样式，例如p标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页...

代码星球 ·2020-04-08

Normalize.css重置化样式表

Normalize.css是一种CSSreset的替代方案。它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSSreset，Normalize.css是一种现代的、为HTML5准备的优质替代方案（https://necolas.github.io/normalize.css/7.0.0/norma...

代码星球 ·2020-04-08