css设置样式常用参数

.类名1{//设置背景
    width: 100%;
    height: 100%;
    background-image: url("路径·");
    background-size: 100% 100%;
    user-select: none;让字体不能被选中
}

.类名2{//设置文本框
    color: white;颜色
    height: 6vh;高度,这里vh是高度百分比的意思,整个窗口是100%
    width: 18vw;宽度,是宽度百分比的意思,整个窗口是100%
    font-size: 4vh;字体大小
    font-style: italic;斜体
    text-align: center;字体居中
    padding:2vh;内边距
    background-color: rgba(39,21,28, 0.6);背景颜色,前三项是RGB,最后一项是透明度
    border-radius: 10px;边缘圆滑程度,px是像素的意思
    letter-spacing: 0.5vw;字与字之间的宽度
    cursor: pointer;鼠标移动到文本时,变成小手
}
.类名2:hover {//当鼠标放在文本框时,文本框怎么变化
    transform: scale(1.2);大小变成1.2倍
    transition: 100ms;变化时间,会花100ms达到1.2倍的效果
}




posted @ 2022-07-18 22:29  穿过雾的阴霾  阅读(454)  评论(0)    收藏  举报