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

js 给某个div增加class 样式（三种方式）

第一种： el.setAttribute('class','abc'); <!DOCTYPEHTML><HTML><HEAD><metacharset="utf-8"/><title>setA...

代码星球 ·2020-11-21

通过CSS控制window.print打印样式浅析

　　本文主要讲解如何使用CSS控制打印样式。一、基本概念　　使用CSS可以控制文档如何正确的显示在不同的媒介(Media)上。其中分页媒介(PagedMedia)，不同于连续媒介(ContinuousMedia)，它可以控制文档内容，将其分隔至一个或多个不相关联的页面(如：书、幻灯片)。　　页面(PageSheet)是...

代码星球 ·2020-11-21

CSS样式的引入方式

test.cssdiv{color:yellow;}在html中引入<linkhref="test.css"type="text/css"rel="stylesheet"/> 参考：https://www.cnblogs.com/shenyf/p/8427143.html...

代码星球 ·2020-11-01

ui框架的样式穿透

之前做项目的时候有遇到过该elementui的默认样式，后来因为需求不需要了就没尝试修改，最近学习并尝试了一下我的测试框架使用的elementui框架在将element框架集成到vue里面之后（这个很简单，百度很多的）使用两种方法样式穿透：sass和stylus首先是配置sass和stylus的环境，1.下载资源包np...

代码星球 ·2020-10-24

UI的考核方式之【主题颜色 + 主题字体 + 主题样式】

首先，项目中的颜色需要怎么管理呢？宏？常量？宏的值可以被改变，不用宏。那就用常量。那常量的名字怎么去起名呢？WSFConstants_Color_0xCCCCCC?WSFConstants_Color_DisableUse?名称应该体现它的作用范围，如果常量值改变了，那么常量的名称又得同步更改？所以，使用第二种命名方式...

代码星球 ·2020-10-22

js前端上传图片（input的样式问题，直传七牛云的问题）

1、样式问题(input透明度为0，父元素背景图)<divclass="update-item"><inputclass="file-update"type="file"name="image[]"accept="image/*"></div>.update-item{width:9...

代码星球 ·2020-09-24

如果通过jQuery的css方法添加带有!important标记的样式

　　众所周知，jQuery提供了css方法，用来给指定的元素设置css样式，或者返回一个或多个样式属性，具体的介绍可以参考W3school上的说明。　　不过，通过这种方式给元素设置样式时，!important标记会被忽略掉。例如下面的代码：$("p").css("min-height","calc(100%-1px)!...

代码星球 ·2020-09-24

苹果手机对网页上样式为position:fixed的弹窗支持不好的解决办法

　　在Web页面上，如果想模拟对话框效果，一般会给div元素添加position:fixed的样式来实现，然后给背景添加一个半透明的遮罩。如：.fixedDiv{position:fixed;top:0;right:0;left:0;margin:0auto;height:100%;width:100%;backgro...

代码星球 ·2020-09-24

Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放

　　UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器，具有轻量，可定制，注重用户体验等特点，基于MIT协议，功能很强大。最近在使用的过程中发现其中上传的图片（或者插入已有的表情包图片）都无法正常缩放，选中图片，用鼠标点击并拖动图片边沿的小标签，图片只能缩小不能放大。尝试过很多方法都没办法解决，甚...

代码星球 ·2020-09-24

css样式显示多个空格

遇到后台传回的字符串包含多个空格，但是在前台显示上则只会显示出一个空格的问题，相信大家都遇到过，那如何解决呢？很简单，在相应元素上添加一个css语句即可：white-space:pre;　　...

代码星球 ·2020-09-13

angular 5 中父组件样式控制子组件元素

当子组件的功能已完善，而父组件的一个需求又冷门时，这时候增加一个功能则可以不在子组件中扩展，仅仅改变样式的话，可以直接在样式前加上前缀，父组件写的样式就会找到子组件下相应元素了。:host::ng-deep　　...

代码星球 ·2020-09-13

ie下设置样式时参数值的坑，解决流程梳理

　　起因是项目中饼图如果分区太多，文字显示不下，于是我做了一版将文字使用牵引线放到饼图周围的样式。　　做完后chrome没问题。。。后来测试过程中（使用ie9），发现饼图绘制不出来，打开f12查看控制台，发现有个错误：对象不支持apply属性或方法。也点不进去，这怎么办呢？启动ie自带的浏览器调试功能吧，错误的时候停下...

代码星球 ·2020-09-13

angular 的 ng-class 样式不生效问题

大家都知道ng-class的使用，绑定了一个对象，key为css样式名，value为boolean，true的时候对应css样式值会生效~今天的坑就是有关这个生效的问题。下面来看一段代码：<!DOCTYPEhtml><htmlng-app='myApp'><head><meta...

代码星球 ·2020-09-13

CSS样式大全

CSS样式大全字体属性：(font)大小{font-size:x-large;}(特大)xx-small;(极小)一般中文用不到，只要用数值就可以，单位：PX、PD样式{font-style:oblique;}(偏斜体)italic;(斜体)normal;(正常)行高{line-height:normal;}(正常)单...

代码星球 ·2020-09-13

自定义滚动条样式纯（css）

啥都不说先看图:注:只适合chrom,不适用IE和fireFox下面展示代码:1<htmllang="en">2<head>3<metacharset="UTF-8">4<title>CSS3自定义滚动条-轩枫阁</title>5<style>6h...

代码星球 ·2020-09-12