首页 > TAG信息列表 > 12px

bootstrap table表内容滚动时表头固定

问题描述：当表格行比较多时，向下滚动查看下方行内容，标题会跟随页面滚动到上面，这样查看下面的内容时某个字段时的含义就还得翻上去查看；   解决方法：将表头thead设置position:sicky;top:-12px后如下，再次滚动表头就不会出现上述情况了。   转载自：https://www.cnblogs.com/chengcanghai

谷歌浏览器怎么设置字体少于12px

方法一、使用-webkit-text-size-adjust属性 如：div { -webkit-text-size-adjust:none;font-size:10px } 事实上，设置了这个属性后，并没有任何反应，无论是直接加在td上，还是加在body中。经查，在chrome29版本之前有效，之后的版本就不支持了。 2、使用transform来解决 如：transform：scal

查漏补缺——说说box-shadow

问题 如题所示 答案 相关源码： box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); CSS3box-shadow属性详解 box-shadow详解 CSS —— 盒子阴影（box-shadow） 按照顺序解释上面源码的参数的意思： 0指的是x轴偏移量是0、 2px指的是y轴偏移量是2px 12px指的是阴影模糊半径是12px 0指

css代码风格

1.样式格式书写 1.紧凑格式 <style> he {color=" red"/*红色*/ font-size=" 12px "/*字体大小的样式*/} 这个he标签必须要要给上面的he同样才可以显示把下面的字体给添加大小写和字体样色！！！ <he> 泰兰特王 </he> </style> 2.展开格式 <style> /* 修改样式 */ p { color = " rg

CSS三大特性/层叠性/继承性/优先级（权重）

CSS三大特性 层叠性，继承性，优先级 层叠性 层叠性主要用来解决样式冲突问题 层叠性原则： 1.样式冲突，遵循就近原则，哪个样式离结构近，就执行哪个样式（覆盖） 2.样式不冲突，不会层叠 继承性 子标签会继承父标签的某些样式，如文本颜色和色号（主要是继承文字方面的样式） 行高的继承：   body{ fon

vue - scss样式穿透实现

vue - sass样式穿透实现 // 引入的是第三种生效了，第一种不生效，第二种报错 // 第一种 >>> .my-el-form-item{ & >>> .el-form-item__content{ line-height:12px; } } //第二种 /deep/ .my-el-form-item{ /deep/ .el-form-item__content{

css 直播柱状动图

    .live-anime { display: inline-block; vertical-align: bottom; width: 2px; background-color: white; border-radius: 2px 2px 0 0; margin-left: 2px; } .live-anime0 { height: 8px; animation: liveAnime0 1s i

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

在scss中使用“/”报这个错误： DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 解决方法：查看官方文档 @use "sass:math"; // WRONG, will not work in future Sass versions. @debug (12px/4px); // 3 // RIGHT, will wor

qt QSS border-image

例如由美工提供左边的按钮背景图，我们需要实现右边的效果，并且背景随着按钮的大小自动变化：圆角按钮背景圆角按钮效果前面我们学习过的和修改背景相关的知识有 background-image，如果背景图和按钮一样大时使用 background-image 没有任何问题，但是当按钮和背景图不一样大时，背景图要么显

CSS3——选择器

介绍 　　选择器用于找到HTML标签   分类 　　1. 标签选择器：用HTML标签名作选择器 　　使用 p { color : red; font-siez : 12px }   　　2. id选择器：用“#”作表示，后跟HTML标签id属性值。一张页面中的HTML标签的id值唯一。 <div id="mydiv"> HTML5开发 <div> #mydiv { colo

你会用css写一个加载动画吗？

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&quo

css

@charset "utf-8"; /* CSS Document */*{ margin:0; padding:0;}body{ font-size:12px; font-family:"宋体";}.box{     width:660px;    height:600px;    border:solid #CCC 1px;    margin:50px auto 0;    padding:20px;    }.header{ font-size:22px;

用户名验证

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=

前端每日一知之让Chrome支持小于12px的文字

脑图在线链接 本文内容依据【js每日一题】公众号精彩文章总结而来

vue 强制修改el-input样式

html部分 //HTML <el-input class="input-item" v-model="formData.cInvoiceNo" size="mini" /> css部分 //CSS .input-item>>>.el-input__inner{ font-size: 12px!important; color:#333333!important; font-family:Robot

jquery实现加减行

用jquery方法实现加减行 DOM层： <ul class="plusMinusLinesWrap"> <li> <div>我是一行</div> <div class="btnIcon jianBtn"></div> </li> <li> <

css实现水波纹球及放大缩小的动态效果

代码如下 <div class="bruce flex-ct-x"> <div class="ball" :class="[ this.statusFlag? 'ball-warning': '']"> <div class="title"> <span c

1、学习《细说PHP》笔记一

<style>　　input{　　　　width: 100px;        /*设置宽度*/　　　　height: 100px;           /*设置高度*/　　　　font-size: 12px;           /*设置字体大小*/　　　　font-weight: bold;            /*设置字体加粗*/　　　　background: #ccc; 

web字体小于12px的解决办法

大家都知道，web端的字体在正常情况下，最小只能够是12px; 但是有些时候，可能需要字体小于12px 那么如何解决这个办法了 可以使用css3的缩放属性scale 如果字体的大小是10px; 那么我们将字体大小设置成20px,使用-webkit-transform: scale(0.5); 这样字体的大小就是10px了； 废话不多说

使用transform scale() 之后宽高也缩放了

本来是只想用它来缩放字体的，但是宽高也缩小了 html <div class="text"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis n

实现字体最小，不是默认的12px，可以在视觉上最小达到6px

<span data-v-68d67528="">安全事件</span> <style> span{ font-size: 12px; transform: scale(0.5); } </style> 　　          

小于12px的文本居中问题

前几天在做项目的过程中，关于字体小于12px时，很难做到完全居中显示，表示有点抓狂，各种百度找到一个貌似还不错的方法，总结出来分享给你和我。 在PC端的Chrome浏览器中，小于12像素的字体仍然以12像素显示，即使是设置了-webkit-text-size-adjust: none;也好像没什么作用。经过实验，发现如下

Css 优先级问题分析

css优先级的四大原则：原则一： 继承不如指定如果某样式是继承来的永远不如具体指定的优先级高。例子1：CODE:<style type="text/css"><!--*{font-size:20px}.class3{ font-size: 12px; }--></style><span class="class3">我是多大字号？</span>运行结果：.class3{ font-size: 12px; }

eladmin更新2.0版本之后没有刷新加载动画了

找到index.html 只需把下列代码style样式和   <div class="sampleContainer"> 复制到里边即可 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=

各个小问题汇总

一些小的问题收藏起来,哪天要是忘了还有的救 1. 百分比/rem适应布局,统一自己的话,不同手机会差比较大 　　在不同的手机设置不同字体就好了 html{ font-size: 16px; } @media screen and (max-height: 359px){ //小屏手机 html{ font-size: 12px; } }