![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
没有梦想的coder
从来不知想拥有多少的理想
展开
-
【css】你未必知道的CSS冷知识
首先,需要声明一下,这篇文章是篇水文,因为我觉得1024不发篇文章不舒服。还有,本篇文章是从其他地方搬砖过来的,我会在末尾声明作者。01.【负边距】负边距的效果。注意左右负边距表现并不一致。左为负时,是左移,右为负时,是左拉。上下与左右类似2.【shape-outside】不要自以为是了。你以为自己是方的,在别人眼里你却是圆的3.【BFC应用】BFC应用之阻止外边距合并(m...原创 2019-10-24 15:29:31 · 486 阅读 · 1 评论 -
【css】改变浏览器默认滚动条样式
这个网上很多的教程,我就不多哔哔了,直接贴代码,方便自己和大家使用。可以把下面的代码放到一个css中,然后全局引入就可以了。/* 整个滚动条 */::-webkit-scrollbar { width: 5px; height: 5px;}/* 滚动条有滑块的轨道部分 */::-webkit-scrollbar-track-piece { backgro...原创 2019-05-15 15:32:36 · 1997 阅读 · 3 评论 -
【css】纯css实现table表格固定表头,表内容滚动
今天在写公司项目的时候,遇到了一个比较xx的问题,现公司的项目使用的是 vue2.0 和 element-ui 搭建的。那么提到 element-ui 大家都知道,他最实用的一个组件就是表格了,简直是后台管理项目必备选项。但是现公司的产品和 UI 简直丧心病狂,非让我自己用原生标签DIY,那没办法,只好 coding 了。但是 coding 的过程中,有个需求是要表头固定,表内容超出滚...原创 2019-05-15 16:11:26 · 11849 阅读 · 1 评论 -
【css】css3动画实现水波浪效果
无聊写的一个小Demo,方便自己以后使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2019-05-21 21:23:26 · 5444 阅读 · 0 评论 -
【css】各个字号大小对照表
最近接到了两个需求,一个是打印网站的一个操作记录,一个是通过UE生成html格式的文书模板让渲染生成pdf打印。所以,字体的大小就是一个关键点,查阅资料,整理如下字号大小对照表:中文字号 英文字号(pt) 毫米(mm) 像素(px) 1英寸 72pt 25.30mm 95.6px 大特号 63pt 22.14mm 83.7px...原创 2019-09-03 14:19:50 · 8149 阅读 · 0 评论 -
【css】flex布局语法简述
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用...转载 2019-09-23 16:35:15 · 622 阅读 · 0 评论