为了账号安全,请及时绑定邮箱和手机立即绑定

层叠性问题

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>字间距</title>

<style type="text/css">

h1{letter-spacing:20px;}

h1{word-spacing:50px;}

</style>

</head>

<body>

<h1>hello world!你好!</h1>

</body>

</html>

我同时对h1标签应用letter-spacing和word-spacing样式,且它们的权值相同,根据层叠关系不是应该显示后者的效果么?为什么还是只显示letter-spacing的效果,而且在分号前加个!important也不管用,求解

正在回答

3 回答

这两个样式都会显示,你可以将两个的值分别调到0px跟100px,然后在调为100px跟0px看一下

0 回复 有任何疑惑可以回复我~

这是两个式样啊,你想测试权值 都用letter-spacing 或者word-spacing 

0 回复 有任何疑惑可以回复我~

letter-spacing和word-spacing是两个不一样的CSS样式,所以两个效果都会显示。

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227118    人
  • 解答问题       18247    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

层叠性问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号