css
关注
分享
扫一扫
文章平均质量分 53
css开发技巧
茶一蛊
这个作者很懒，什么都没留下…
展开
-
弹性布局display:flex
如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。弹性项目可以在交叉轴上进行对齐，包括顶部对齐、底部对齐、居中对齐等，使用align-items属性定义交叉轴对齐方式。定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。原创 2023-11-10 10:29:10 · 2571 阅读 · 0 评论 -
使用伪类:focus实现点击元素后改变其css的那些事
然而在给span或div等标签使用的时候却达不到想要的效果。此时需要添加一个tabindex属性。众所周知，css的:focus伪类可以实现输入框获取焦点时改变输入框的样式。原创 2023-06-01 13:23:11 · 598 阅读 · 0 评论 -
css三栏布局——两边宽度固定中间宽度自适应方法
css三栏布局——两边宽度固定中间宽度自适应方法原创 2022-10-02 09:44:17 · 297 阅读 · 0 评论 -
@media媒体查询方式
@media媒体查询方式原创 2022-09-04 10:10:16 · 314 阅读 · 0 评论 -
给tr标签设置外边距
给tr标签设置外边距原创 2022-08-17 08:18:55 · 1196 阅读 · 0 评论 -
关于css清除浮动的那些事
css清除浮动的方式原创 2022-08-16 20:06:05 · 147 阅读 · 0 评论 -
解决子div设置margin-top使父div也跟着向下移动的问题（外边距塌陷）
解决子div设置margin-top使父div也跟着向下移动的问题（外边距塌陷）原创 2022-07-20 15:30:44 · 1318 阅读 · 0 评论 -
css美化浏览器默认滚动条样式
css美化浏览器默认滚动条样式原创 2022-07-20 14:43:56 · 167 阅读 · 0 评论 -
关于居中的问题
有个居中的需求，用了margin: 0 auto,也用了text-align:center，最后还尝试了flex布局都没有成功。后来用到了下面的方法，先记录下，回头抽时间再补充下原理。原创 2022-04-15 08:23:39 · 202 阅读 · 0 评论 -
css开发技巧(1)_元素的高度与 window 的高度相同/使元素与窗口一样高
使用 height: 100vh;<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> html,body{ margin: 0; padding: 0; } .ceshi { width: 100%; height: 100原创 2022-03-06 09:24:55 · 1028 阅读 · 0 评论