CSS
weixin_35795555
这个作者很懒,什么都没留下…
展开
-
自定义单选切换效果
用js设置单选效果 设置hover 鼠标浮动效果 设置选择效果 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>grid-test</title> <link rel="stylesheet" type="text/css" href="style.css"/> <script src="jque.原创 2021-07-16 13:28:39 · 100 阅读 · 0 评论 -
absolute布局元素,水平居中方法(核心点是:减去自身宽度一半)
知识点: 组件宽度不固定的情况下,根据组件宽度百分比,调整位置 // 往左移动自身宽度一半长度 transform: translate(-50%) position: absolute; left: 50%; // 放到中间位置 transform: translate(-50%);// 还需要减去自身宽度的一半 ...原创 2021-07-08 18:47:16 · 829 阅读 · 0 评论 -
积分商城首页页面开发整理-001 (relative和absolute)(after设置Icon)
两个知识点: 1. 设置固定box的大小后,使用relative和absolute设置里面元素的位置。 把box设置为relative ,里面元素absolute,里面的元素是相对于这个box的绝对布局。所以用left、right、top、bottom来设置位置就可以。 2. 用after,在后面加图片icon 注意的点: content 设置空。用background-image。为了居中,用flex布局align-items: center; // An highlighted block <!原创 2021-07-07 23:32:30 · 137 阅读 · 0 评论 -
Css child选择器使用(奇数/偶数/最后一个子元)
可了解一下内容 设置弧形边框和有阴影的背景[box-shadow、border-radius] div 文字居中[用flex布局] div跟子元素自适应高度[设置min-height] child选择器,第几个子元素开始[ nth-child(n+3) 大于等于3开始] child选择器,奇数元素[ nth-child(2n+1) ] child选择器,偶数元素[ nth-child(2n) ] 最后一个子元素是奇数位元素[last-child + nth-child(2n+1) ] // HTML原创 2021-06-23 00:30:27 · 3188 阅读 · 0 评论 -
css布局 position/display/float
链接: 在process编辑.原创 2021-04-29 15:54:20 · 41 阅读 · 0 评论 -
CSS :first-child 选择器
css 样式调整的时候经常遇到,首个元素或最后一个元素需要特殊处理样式的需求。 可以用到CSS 的 first-child、last-child选择器。 在上面基础上,我想从li中几个button里面,第一个button需要设置特殊样式。 ...原创 2021-02-25 11:17:13 · 145 阅读 · 0 评论