最近接了个项目，PM 又来催：“登录弹窗能不能加点透明毛玻璃效果？活动标题再做点酷炫的渐变？对了，用户的反馈框能不能调整大小？”听完这要求，我脑袋直接嗡了：又想炫酷，又不想加班，这不扯嘛！

正当我愁得要改 JS 的时候，隔壁老王一脸淡定：“兄弟，这些 CSS 技巧轻轻松松搞定，少写代码，效果还好。”于是，我抱着试一试的态度研究了一波，才发现 CSS 的隐藏技能简直是“救命稻草”！今天就把这些技巧整理分享给大家，让你应对需求时不用慌，写出既高效又美观的代码！

大家好，在上一篇文章里 CSS小知识，分享14个你可能还未用上但又实用的CSS属性（上）

CSS介绍

CSS(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言

CSS的作用

1. 美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式

盒子模型

盒子模型是我们在CSS网页布局中必不可少的东西。网页中的盒子模型用来存放网页中的各个元素，每一个可见的HTML元素都是一个盒子，这些盒子通过嵌套、叠加或者排列等方式组织在一起，形成我们所看见的页面。

一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）。会发现margin、border、padding是CSS属性，因此可以通过这三个属性来控制盒子的这三个部分，而content则是HTML元素的内容。如图：

<div id="parent">
<!-- 定义子级元素 -->
<div id="child">居中布局</div>
</div>

通过以下CSS样式代码实现水平方向居中布局效果

前端小伙伴们，在使用css的display的属性的时候是不是经常会迷惑怎么使用，今天就来详细讲解下。

CSS 的 display 属性用于定义元素应如何显示在页面上。它控制元素的布局和行为，是前端开发中非常重要的一个属性。以下是 display 属性的详细用法：

常见的 display 值

提示：点击上方"蓝色字体"↑ 可以订阅噢！

摘要 51RGB官方微信position是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。postion也是初学者容易搞不清楚状况的一个属性，本文将从最基础的知识讲起，谈谈关于positon属性的一些理论与应用。

基础知识

postion属性我们成为定位，它有4个不同类型的定位，这些类型会影响元素的生成方式，下面我们详细说明position属性。

React-Native 样式指南

React-Native 的样式基本上是实现了 CSS 的一个子集，并且属性名不完全一致，所以当你开始在编写 React-Native 之前，可以先简要了解一下。

本文简单介绍如何通过CSS实现常见元素的水平、垂直居中。

水平居中

• 行内元素

这种情况最简单，只需要将行内元素包括在一个display属性为block的父元素中，并且设置父元素text-align为居中即可