CSS学习第二天

本文介绍了CSS中如何设置字体系列、样式、大小等属性,以及如何应用不同状态的链接样式,包括正常、已访问、悬停和激活状态。

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

今日学习的内容如下:进度有点儿慢了,必须保证每天2小时的学习时间!!!


字体系列是用font-family控制,用逗号隔开加上备用字体。


字体样式:

font-style:normal          /*正常显示文本*/

font-styele:italic         /*斜体显示文本*/

font-style:oblique         /*倾斜的文字,文字向一边倾斜*/

设置字体大小像素:

font-size:40px

font-size:250%

用em来设置字体大小:

font-size:2.5em         /* 40px/16=2.5em */

使用em和百分比组合:

body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}

p {font-size:0.875em;}

设置小型大写字母的字体显示文本:

font-variant:small-caps     /*还有参数normal和inherit*/

设置字体粗细:

font-weight:normal

font-weight:bold

font-weight:900

还有一些参数如下


----------------------------假装有分割线-------------------------------------------------


------------------------------------------------------假装有分割线----------------------------------------------------------

主要有以下四种链接状态:

a:link         正常,未访问过的链接

a:visited          已经访问过的链接

a:hover            当鼠标放在链接上

a:active            当鼠标被点击的那一刻

注意:hover必须在link和visited后面,active必须在hover后面


CSS链接样式:

1.文本修饰:


2.背景颜色:


3.其他样式:



在以上效果图中创建了链接框,主要就是display:block/*将此元素显示为块级元素*/,再用width调整框的高度。


display的参数有如下所示:


---------------------------------------------------------假装有分割线----------------------------------------------



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值