css
关注
分享
扫一扫
文章平均质量分 62
lucky__peng
这个作者很懒，什么都没留下…
展开
-
CSS Grid 网格布局教程
一、概述网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布...转载 2022-05-04 09:27:29 · 2482 阅读 · 1 评论 -
CSS中的line-height，height与line-height
在最近的项目中，常常用到line-height，只是简单的理解为行高但并没有深层次的理解，致使不能达到信手拈来的感觉。在此做一下总结，一是更深层次的了解什么是line-height，二是比较height与line-height的区别。 基本概念 行高与行距从字面的意思是非常容易理解的，但是对布局和样式来说，我们应该更深入的理解各个属性之间的关系，比如line-height与font-size存在什么关系呢，line-height与所属元素的height又有什么联...转载 2022-05-04 08:44:56 · 517 阅读 · 0 评论 -
兄弟选择器(+ 和 ~)
1. + 选择器 如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。 比如： <style type="text/css"> h1 + p { margin-top:50px; color:red; }</style><body><p>This is paragraph.</p><h1...转载 2022-04-17 09:32:33 · 1630 阅读 · 0 评论 -
margin 实现水平居中，垂直居中
首先了解下，margin的auto属性的作用是用来分配剩余空间，所以对于有剩余空间的元素才有效哦（块及元素）。比如图片设置margin: 0 auto是无效的，因为图片是内联元素，不是占一整行，没有剩余空间。 1.块及元素水平方向居中： 原理：两侧auto，则平分剩余空间，相当于水平居中。 div { margin-right: auto; margin-left: auto;...转载 2022-03-04 16:25:56 · 8359 阅读 · 0 评论 -
纯CSS3使用vw和vh视口单位实现自适应
编者注：在移动端中利用REM的相对于根HTML进行改变，通过一段JS实现了移动端自适应，本文则使用纯CSS视口单位来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。响应式布局的实现依靠媒体查询（ Media Queries ）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸下呈现完美适配。即使是通过 rem 单位来实现适配，也是需要内嵌一段脚本去动态计算根元素大小。近年来，随着移动端对视口单位的支持越来转载 2022-02-20 21:49:50 · 1118 阅读 · 0 评论 -
给tr设置border无效怎么办
tr设置border无效时，给tr所在table的css样式加上border-collapse: collapse;原创 2021-04-25 19:06:27 · 1127 阅读 · 0 评论 -
以下符号可直接复制使用
√✓✔☑原创 2021-04-25 10:11:11 · 3086 阅读 · 0 评论