前端学习之css行高 font属性 伪类 background

本文详细介绍了CSS中的line-height属性如何使文字在行内居中,font属性的综合使用方法,以及伪类如何应用于a标签的不同状态,包括链接未被访问、访问后、鼠标悬停和激活时的表现形式。同时,还探讨了背景属性的各种设置选项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

line-height 


文字是在 自己的行里居中,所以line-hight:60是,文字会在高度60的盒子居中


font-family:字体

font属性能够将font-size.line-height,font-family合为一体;

font:12px/30px "Arial"


伪类

同一个标签,根据用户的某种状态不同,有不同的样式,这就叫伪类

a:link{

    表示用没有点击这个链接的样式

}

a:visited{

   表示用户访问过这个链接的样式

}

a:hover{

  表示用户悬停在这个链接的样式

}

a:active{

  表示用户点击这个链接,但不松手此刻的样式

}

必须固定的顺序(爱恨法则  l v h a,也可以不写 l v)

小技巧给a标签设置宽高,点击其他的就能到他(要装换为快级元素)

a标签不继承text-  font-,因为有其伪类 


background属性

background-image:url()图片会平福满背景

background-repeat:  设置是否会平福满

background-postion:left center rigth

background-postion:top center bottem

background-position:0px 15px;(如果只移动上下就第一个写0px一定要写的)

适用于精灵图或者如果背景图片太大,可以用background-postion:center top来用背景图片的中部显示在表面




 





 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值