HTML隐藏 display:none; 表单 type=”hidden” 宽高设为0 height:0;width:0; 祖先元素隐藏或在页面外 margin Visibility:hidden; Opacity…
标签:css3
如何解决手机retina显示屏下的1px太粗问题
Retina 要解决这个问题,我们就要先了解Retina到底是什么? 所谓“Retina”是一种显示技术,可以把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度。 在超高清屏(dpr=3)的情况…
stylelint 搭配 stylelint-order,更随心所欲的编码 CSS
原文链接: http://hangyangws.win/2017/06… 为什么需要校验 CSS 规则 对于编程语言进行「语法、书写」校验,能有效「归并」不同开发者的「不同风格」,还能检验出一些语法错误。 比…
基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用
基于HTML5+CSS3的IGX Web SCADA在楼宇自控系统的应用 楼宇自动化控制采用的是计算机集散控制,所谓计算机集散控制就是分散控制集中管理。它的分散控制器通常采用直接数字控制器( DDC),利用上位计算机进行…
css揭秘笔记——背景与边框
背景与边框 半透明边框 知识点 background-clip: [border-box] |[padding-box] | [content-box]; hsla(<色相>, <饱和度>, &l…
实现标签及布局样式的问题
要实现下图这个效果: 问题 左上角label的边框宽度为0.5px,字体大小为15px;下面的文字和label间距为16px。所有元素宽度固定,高度自适应。 解决方案 html代码 <div class="pare…
sticker-footer 布局
sticker-footer 1、嵌套层级不深,可直接继承自 body width:100%; height:100%; // html <body> <div id="sticker"> <…
CSS基础篇--CSS/CSS3中的原生变量var详解
使用语法 首先我们先来看一个例子:html代码: <div class="element">这是一段文字</div> css代码: .element { width:200px; height:2…
flex-grow 与 flex-shrink
flex-grow flex-grow用于处理flex容器剩余空间。 剩余空间分配计算 剩余空间 = flex容器宽度 – (项目1flex-basis + 项目2flex-basis + … +…
flex-basis 与 width
说明 flex-basis属性默认值:auto 默认值表示:项目的flex-basis属性值为项目的width属性值。 width属性默认值: auto 默认值表示:项目的width属性值为项目中内容的实际宽度。 项目的…
CSS3 flex 布局 (转:阮一峰)
新版本 新版本的 Flexbox 模型于 2012 年 9 月提出。 新版本弹性伸缩盒的display属性值: 属性值 说明 flex 将容器盒模型作为块级弹性伸缩盒显示 inline-flex 将容器盒模型作为内联级弹…
CSS基础篇--CSS3 calc实现滚动条出现页面不跳动
什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给…