![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
CSS相关内容
前端队长
这个作者很懒,什么都没留下…
展开
-
css实现左右两个div等高
提出问题: 现在有两个div,但是两个div里面内容多少不确定,可能左边多,可能右边多,css要如何设置可以保证左右两边的div等高呢? 解决方案: 每个div使用display:table-cell div的父元素使用display:box 示例代码1: <!DOCTYPE html> <html lang="en"> <head> <me...原创 2020-12-18 08:59:23 · 1276 阅读 · 1 评论 -
css样式优先级计算规则
css样式的优先级分为引入优先级和声明优先级。 引入优先级 引入样式一般分为外部样式,内部样式,内联样式。 外部样式:使用link引入的外部css文件。 内部样式:使用style标签书写的css样式。 内联样式:直接书写在html标签里面的css样式。 优先级如下: 内联样式 > 外部样式 = 内部样式 外部样式优先级和内部样式优先级相同,故写在后面的样式会覆盖前面的样式。 声明优先级...原创 2020-12-18 08:59:07 · 451 阅读 · 0 评论 -
css中好用的clamp()函数
clamp() 函数的作用是把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。 语法 clamp() 函数接收三个用逗号分隔的表达式作为参数,按最小值、首选值、最大值的顺序排列。 { font-size: clamp(20px, 18px, 40px); width: clamp(100px, 100%, 200p...原创 2020-10-14 17:46:00 · 2944 阅读 · 2 评论 -
你可能不知道的css-doodle
好久没写文章了,下笔突然陌生了许多。 第一个原因是刚找到一份前端的工作,业务上都需要尽快的了解,第二个原因就是懒还有拖延的习惯,一旦今天没有写文章,就由可能找个理由托到下一周,进而到了下一周又有千万条理由拖到下下一周,所以解决的办法就是当成任务来做,让自律成为一种习惯,做起事来就不会有太大的抱怨。 行动起来,以后每周至少出一篇文章,输出倒逼输入,这也是更好学习的一种方式。 今天的主角是css-do...原创 2020-09-28 18:22:11 · 1129 阅读 · 1 评论