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

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

样式加载不出来，浏览器控制台报错：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

sublime设置默认字体样式

因电脑配置的不同，还有个人喜好的不同，有时候想用自己喜欢的字体来写代码，想用自己习惯的字号大小来显示代码。这些又该怎样设置呢？本节主要介绍下如何设置字体大小和样式（1）点菜单栏“Preferences”点选“Settings”（2）文件说明 &nbs...

代码星球 ·2020-04-08

自定义微信小程序swiper轮播图面板指示点的样式

微信小程序的swiper组件是滑块视图容器，也就是说平常我们看到的轮播图就可以用它来做，不过这个组件有很多样式是固定的，但是，有时候我们的设计稿的面板指示点是需要个性化的，那么如何去修改swiper组件的面板指示点的样式呢？最近在使用swiper的时候也在想这个，最后发现在调试的时候，可以看到他的选择器。如图：1234...

代码星球 ·2020-04-08

【MVC三层架构】采用Boostrap样式实现MVC三层架构增删改查上传下载功能

demo访问地址：http://106.14.139.196/SaleManage/Index 本篇文章将与大家分享bootstrap-table插件，借助于它实现基本的增删改查，导入导出，分页，父子表等。至于其他技术，如冻结表头，列排列，行拖动，列拖动等，会在后续文章中与大家分享。一 ...

代码星球 ·2020-04-08

vue 自学笔记(4): 样式绑定与条件渲染

一:对象绑定　　Vue对于页面的样式加载也有独特的方式，按照Vue提供的方式，我们可以轻松的控制它们的呈现。假使我们要实现点击div变色Vue提供的样式方案的本质是对元素节点进行属性的绑定，由此我们可以获知它会采用v-bind指令去绑定属性，同时我们也能知道样式内容的定义也可以放在data中，以下是几个绑定样式的方案。...

代码星球 ·2020-04-07

dedeCMS列表页中如何给前几条文章加单独样式？

这几天有客户向笔者反映能否把文章列表前几条文章加上特效，客户所谓的特效无非就是想将前几篇文章与众不同而已，只要给dedeCMS列表页中前几条文章加单独样式即可。具体方法请看下文。下面是css样<ulclass="new33"><p>推荐内容</p></ul><ulc...

代码星球 ·2020-04-07

微信小程序支付框样式以及功能

1、页面代码<viewcatchtap='showInputLayer'class="btn_pay">立即支付</view><viewwx:if='{{showPayPwdInput}}'><viewclass='bg_layer'>...

代码星球 ·2020-04-07