IE11 CSS hack
摘要：IE11 怎么做 CSS hack ？ 很简单。 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-form-item-control .ant-input { line-height: 0
阅读全文
posted @ 2020-04-21 17:19
随笔分类 - CSS
修改博客园日历的默认样式
摘要：我们知道，博客园默认的日历样式是灰底的，有点丑。 我想把它改成类似于WIN10的样式。 上代码。 效果是这样的。 虽然还是不太像。 以上。
阅读全文
posted @ 2019-08-15 11:46
LESS实战：:not与:hover混合使用
摘要：举个例子，有个HTML是这样的。 我想让一个hover样式只对 有item类且没有light类的元素执行。 less样式可以这么写。 以上。
阅读全文
posted @ 2019-05-28 15:58
less : 解决升级后报错的问题
摘要：vue2项目。 上版本。 当 less 版本是2.7的时候，不会有什么问题。 但一旦升级到3，就会报错。 解决办法很简单，修改 ./build/utils.js 文件。 注意红色的部分，加上这一段就可以了。 以上。
阅读全文
posted @ 2019-03-31 16:06
less : 写一个display:flex的mixin
摘要：和scss一样，less也是一个好用的css预处理语言，语法也很相近。 而我们在使用display:flex的时候，很容易苦恼于里面的设置的单词很难记（尤其是对我这种英语很差的人来说）。 所以我们可以写一个display:flex的mixin。 上代码。 flex的设置有很多，但这两个是最常用的。
阅读全文
posted @ 2019-03-20 10:38
scss : div水平垂直居中
摘要：scss 是一个很好用的css预处理语言，有很多很好的特性。 比如 mixin。 我们可以像使用函数那样使用mixin。 比如写一个div水平垂直居中。 上代码。 用vscode的scss live compiler插件可以很方便的编写scss，他会帮你自动编译成css。 以上。
阅读全文
posted @ 2019-03-19 15:00
css : 使用浮动实现左右各放一个元素时很容易犯的错误
摘要：比如说，有一个div，我想在左侧和右侧各方一个元素。 如果不想用flex，那就只能用浮动了。 咋一看并没有问题，对不对？ 但是这样不行：想挂在右侧的那个元素会被挤下去。 只要把浮动元素放在非浮动元素前面就行了。 就是这样。
阅读全文
posted @ 2019-02-26 18:23
css ：clip rect 正确的使用方法
摘要：CSS clip 是一个极少使用，但又确实存在的属性。 而且，它其实在CSS2时代就有了。 w3school 上有这么一句话： clip 属性剪裁绝对定位元素。 也就是说，只有 position:absolute 的时候才是生效的。 那么，这个东西到底怎么用？ 我琢磨了一会儿，知道是怎么回事儿了。
阅读全文
posted @ 2018-12-17 21:39
关于 iframe 的小问题若干
摘要：我们知道，iframe在传统的MVC项目里是个很常用的东西。 但这玩意用起来有时会有点烦人。 比如说：我有个一个页面套了一个iframe，iframe里面的页面通过a标签来切换。怎么做？ 猜猜看，target 找的是iframe的id还是name？ 答案是name。 另外，父页面一般是不知道ifra
阅读全文
posted @ 2018-10-28 19:16
css：实现文本两行或多行文本溢出显示省略号
摘要：如果只是一行的话，要简单一些。
阅读全文
posted @ 2018-03-22 21:00
CSS：有点难的面试题①
摘要：1 举例说明匿名块框和匿名行内框2 什么是标准文档流？3 inline-block遵循怎样的渲染规则？4 什么是BFC？如何触发BFC？5 什么是Line box？（最好画图说明） 6 <meta name="viewport" content="width=device-width, initia
阅读全文
posted @ 2018-03-15 11:00
CSS3伪元素 ::first-letter ::first-line ::selection
摘要：首先，关于伪元素的语法： 有的时候单冒号也能用，但最好写双冒号。 伪类：匹配的是元素(不同状态或结构的)。 伪元素：匹配的是元素中的一部分内容(首字符，首行文本)。 ::first-letter 匹配 某元素的 首字符。 例： 结果： ::first-line 匹配 某元素的 首行文本。 ::sel
阅读全文
posted @ 2017-07-11 22:16
CSS3伪类 :empty
摘要：:empty 种类：伪类选择器 版本：CSS3.0 用法：匹配每个没有子元素(包含文本)的元素。 例子： 在这个例子里，一共有四个div。 结果，只有第四个div背景为红色。 第一个和第二个div有内容，不用说。 第三个div有空格，也属于内容，所以也不在empty的选择范围内。
阅读全文
posted @ 2017-07-11 21:07
.clearfix 清除浮动，@import
摘要：我们知道，在网页的DIV+CSS布局中，很多时候要用到浮动。 既然有浮动，那就有清除浮动。 清除浮动有很多种方式，而在实际项目中，比较常用的是这一种。 我们可以把这部分代码复制到项目中的CSS文件中，也可以保存为一个CSS文件，然后引入。 那么怎么引入呢？这时，我们就需要用到 @import。 把引
阅读全文
posted @ 2017-05-28 22:40
