首页 > 其他分享> > CSS作用和字体样式

CSS作用和字体样式

2022-06-03 10:00:20 作者：互联网

字体样式

font

1；文本样式

颜色

RGB

RGBA；最后是透明度

2；文本对齐方式

text-align ;center 居中

3；首行缩进

text-indent;缩进

4；行高

line-height:

5；装饰

text-decoration

A标签去下划线

6；文图水平对齐

vertical-align :middle

文本阴影超链接伪类

/*阴影*/
#price{
    text-shadow: 3px 3px 2px fuchsia;
}

/*鼠标悬浮颜色*/
a:hover{
    color: #02ff00;
    font-size: large;
}
/*鼠标点击颜色*/
a:active{
    color: fuchsia;
}


</head>
<body>

<a href="#">
    <img src="images/3.jpg" alt="壁纸" width="100px" height="120px">
</a>

<p>
    <a href="#">一个壁纸：不用的</a>
</p>
<p>
    <a href="">作者；steam</a>
</p>
<p id="price">
    $:99
</p>

</body>
</html>

列表样式练习

#nav{
    width: 240px;
}


.title{
    font-size: 18px;
    font-weight: bold;
    text-indent: 1em;
    line-height: 36px;
    background-color: red;
    
}
/*ul  li*/
/*
list-style
none:去掉原点
circle 空心圆
decimal 数字
spuare 正方形

*/

ul li{
    height: 30px;
    list-style: none;
    text-indent: 1em;
    background-color: gainsboro;
}
a{
    text-decoration: none;
    font-size: 14px;
    color: #000000;
}
a:hover{
color: orange;
}

标签：indent,样式,text,height,color,字体,font,CSS,size
来源： https://www.cnblogs.com/xyzaa/p/16339592.html