什么是伪类？

伪类用于定义元素的特殊状态。

例如，它可以用于：

• 设置鼠标悬停在元素上时的样式
• 为已访问和未访问链接设置不同的样式
• 设置元素获得焦点时的样式

实例代码：

通用兄弟选择器

通用兄弟选择器匹配属于指定元素的同级元素的所有元素。

实例代码

相邻兄弟选择器

相邻兄弟选择器匹配所有作为指定元素的相邻同级的元素。

兄弟（同级）元素必须具有相同的父元素，“相邻”的意思是“紧随其后”。

实例代码：

usage: ssh [-46AaCfGgKkMNnqsTtVvXxYy]
 [-B bind_interface]绑定接口
 [-b bind_address]绑定地址
 [-c cipher_spec] 密码规范
[-D [bind_address:]绑定地址：端口

子选择器

子选择器匹配属于指定元素子元素的所有元素。

实例代码：

后代选择器

后代选择器匹配属于指定元素后代的所有元素。

实例代码：

php 配置文件 vim  /etc/php.ini

php  -v   查看php 版本

php  -m  查看php安装模块

css使用flex弹性盒子进行水平和垂直居中

实例代码：

使用positiont和transform进行水平和垂直居中

实例代码：

使用line-height来现文本的垂直居中

实例代码：

css使用padding 和text-align:center 进行水平和垂直居中

实例代码：

使用padding 内边距对元素进行垂直居中

实例代码：

使用overflow:auto自动溢出对元素进行布局

实例代码；

使用float:right;浮动使元素右对齐

实例代码：

使用position:absolute;绝对定义使元素右对齐。

实例代码：

如需居中图像，请将左右外边距设置为 auto，并将其设置为块元素

实例代码：

使用text-align:center ; 属性使文本居中。

实例代码：

要使块元素（例如 <div> ）水平居中，请使用 margin: auto;。

设置元素的宽度将防止其延伸到容器的边缘。

然后，元素将占用指定的宽度，剩余空间将在两个外边距之间平均分配：

实例代码；

水平列表菜单制作

默认地，列表项是垂直显示的，在本例中，我们使用display:inline-block来水平地显示它们（并排）。

注释：如果您调整浏览器的大小，链接会在变得拥挤时自动换行。

实例代码：

使用display：inline-block属性改变元素的显示方式

 /* 当display值为inline时，此时为默认值，其元素的宽度和高度都不会改变*/

/* 当display值为inline-block时，此时元素的宽度和高度都会改变大小*/