MrLiber的博客

转载至：https://github.com/chokcoco/iCSS 感谢大佬分享<ul> <li>不可思议的CSS</li> <li>导航栏</li> <li>光标小下划线跟随</li> <li>PURE CSS</li> <li>Nav Under...

CSS真是个很神奇的存在，今天记录一个通过css实现加号的方法。首先需要一个 div<div></div>然后上cssdiv { width: 200px; height: 200px; outline: 20px solid #000; outline-offset: -118px;}总结下规律：要使用负的 outli...

做项目的时候需要使用单选按钮input[type=radio]，但是默认的样式与UI设计不一致,所以需要修改默认的样式，如下图。搜索的时候发现有一些实现是利用背景图实现。不想使用图片，所以利用css3的重新实现了一遍。在ie8下无效。原理利用<label>标签与对应的<input>关联,给<input>设置透明,使用position(定位)让用户看到的是&l...

当我们在某个特定容器中放入很多内容时，由于空间较小，此时空间不够用，那么通过设置 title 属性是一个很有效的选择。1.直接填写title内容时候“回车键”换行，示例代码如下：<a href='#' title='标 题：html 标签中 title 的换行 创建时间：2019-04-23 推荐等级：无 关键字：tit...

MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/positionposition:sticky;是粘性定位，新的定位方式，专门用于页面滚动的时候的定位，可以方便实现吸顶条的效果。粘性定位是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。#box { position: sticky; top: 10px; }...

white-space:nowrap;text-overflow-ellipsis: ellipsis; overflow:hidden;

IE8 浏览器中 placeholder 错位问题的解决方法网上大多数文章给出的方法是通过js或jquery来模拟placeholder的表现。那我通过使用开发者工具，选定了当前的placeholder时，发现其实还有一个span标签。注意：必须先选定页面中的内容，代码中才会显现出这一层标签。此时我们就要快速地定位这层标签的所在位置，然后在你的css文件中把这种情况也加上，注意这是针对IE...

作为前端的设计人员，对于CSS的接触，就像吃饭一样。所以CSS命名规范 命名是 前端人员必看的。文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范 1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core ...

先来看看外边距重叠是什么 边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。通俗点讲就是 两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。 注意：相邻的盒子可能并非是由父...

1.图片水平垂直居中html: &lt;div class="parent"&gt; &lt;div class="child"&gt; &lt;img src="xxx/demo.png"&gt; &lt;/div&gt; &lt;/div&gt;css: .parent{

正常情况下需要将div居中显示时，使用Css样式:margin:0 auto即可，但有时使用margin:0 auto后在FF、Chrome里能居中，而在IE678里不居中的现象。如下代码:&lt;style type="text/css"&gt; #con{width:980px;martin:0 auto;}&lt;/style&gt;&lt;div id="con...

javascript部分document.form.item 问题 问题： 代码中存在 document.formName.item(“itemName”) 这样的语句，不能在FF下运行 解决方法： 改用 document.formName.elements[“elementName”]集合类对象问题 问题： 代码中许多集合类对象取用时使用()，IE能接受，FF不能 解决方法...

页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。link方式引入css样式表："stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /> @import方式引入css样式表：style type