背景(背景渐变)、文字的简单设置(文字加粗、首行缩进、文字投影)、兄弟元素、鼠标样式(手形)

知识点梳理

背景

背景图像:默认平铺

background-image:url("图片路径"),

背景不重复:

background-repeat:no-repeat;

背景位置

background-position:center top;

背景渐变

径向渐变

background:radial-gradient(颜色1,颜色2...)

控制颜色节点

background:radial-gradient(颜色1 节点1,颜色2 节点2,...)

文字

文字加粗

font-weight:bold

首行缩进

text-indent:20px;

文字投影

text-shadow:水平位置 垂直位置 模糊值 颜色;

兄弟元素

a~b 选择a元素之后的兄弟元素b

鼠标样式:手形

cursor:pointer;

透明色

tranparent 

过渡 【空格】隔开

transition:过渡属性名 持续时间  延迟执行的时间;;

你可能感兴趣的:(css3,html)