- 博客(4)
- 收藏
- 关注
原创 :link、:hover、:active和:visited
:link、:hover、:active和:visited:link表示鼠标点击之前,也称为原始状态:hover表示鼠标悬停状态:active表示鼠标点击状态:visited表示鼠标点击之后状态<!DOCTYPE html><html lang="en"><head> <meta http-equiv="content-type" content="text/html" charset="UTF-8"> <title>
2020-11-12 19:54:02
178
原创 BootStrap 关于input与btn的点击focus取消特效相关css
BootStrap 关于input与btn的点击focus取消特效相关css取消btn按钮点击出现的外边框:.btn:focus, /*清除btn按钮点击出现的边框*/.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none !important; box-shadow:none !important; } 取消input框点击后出现的外边框:
2020-11-11 17:39:19
1009
原创 Bootstrap4 网格系统
Bootstrap4 网格系统(使用记录)注:Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多 12 列。Bootstrap 4 网格系统有以下 5 个类:(1).col- 针对所有设备(2).col-sm- 平板 - 屏幕宽度等于或大于 576px(3).col-md- 桌面显示器 - 屏幕宽度等于或大于 768px)(4).col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px)(5).col-x
2020-11-09 13:11:42
422
转载 felx的使用
flex的使用Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器,必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: f
2020-11-09 12:21:07
297
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人