CSS(6)修饰属性

元素与元素之间对齐——vertical-align:

谁占的高度最大，给谁加vertical-align

• baseline:基线对齐（默认）
• top:顶部对齐
• middle:居中对齐
• bottom:底部对齐

注意！！

css中的vertical-align 属性只能用于 行内元素 和 置换元素（例如 图像和表单输入框） ，此属性不继承。

取值：

含义：

1. baseline：基线对齐。

   baseline 让元素的基线 与父元素文本的基线对齐。如果目标元素没有基线，例如 图片、表单输入框或其它置换元素，那么目标元素的底端与父元素的基线对齐（图片和文字的基线（字母x的下边缘）对齐了。）。

   

   2.top和bottom。

   使元素及其后代元素的顶部（底部）与整行的顶部（底部）对齐。

   top：

   

   bottom:

   

   详情：  css之 vertical-align用法详解-CSDN博客https://blog.csdn.net/qq_42667613/article/details/123429515?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170307735816800184162549%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=170307735816800184162549&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-123429515-null-null.142^v96^pc_search_result_base7&utm_term=vertical-align&spm=1018.2226.3001.4187

   光标类型——cursor:

概念：

cursor(鼠标悬停在元素上时指针显示样式)

属性值：

default	默认值，通常是箭头
pointer	小手效果，提示用户可以点击
text	工字型，提示用户可以选择文字
move	十字光标，提示用户可以移动

过渡——transition:

概念：

为一个元素在不同状态之间切换的时候添加过度效果(慢慢变化)

属性值：

transition: 需要过渡的属性/all  变化总时间;

为all时：两个状态属性值不同的所有属性，都产生过度效果

注：

transition属性加给元素本身，例如：img->hover;加给img而不是img:huver

透明度——opacity:

作用：

设置整个元素的透明度（包含背景和内容）

属性值：0-1；

• 0:完全透明（元素不可见）
• 1:不透明
• 0~1之间小数:半透明