新手写页面经常遇到的问题2

结构错误,写结构时切记,别把结构写混了,写页面时先构思好,把外层的大盒子先写出来,再把大盒子里面的小盒子嵌套进去,
样式错误,有可能是权重不够,权重不够时,尽量把所有的父盒子名字都写进去

<style>
        .nav li {
            color: red;
        }
        .nav li.last {
            color: orange;
        }
    </style>
</head>
<body>
    <div class="nav">
        <ul>
            <li>这是第1个li</li>
            <li>这是第2个li</li>
            <li>这是第3个li</li>
            <li>这是第4个li</li>
            <li class="last">这是第5个li</li>
        </ul>
        <p></p>
        <span></span>
    </div>

还有一个就是!important,最重要的,这个就是权重里的大姐大了,它的权重最高

.nav li {
            color: red !important;
        }

还有就是给一个标签设置高度和宽度时,显示不出来,这时候就要看这个标签时什么元素,如果是行内元素就不能设置宽高,把它转换为行内块元素或者块元素

转换为块元素,块元素时独占一行的,可以设置宽高度
display:block;
转换行内元素,不能设置宽高
display:inline;
转换行内块元素,可以是指宽高
display:inline-block;

还有定位,当你给子元素绝对定位时,一定要记住给父级元素相对定位,不然你定位的元素会瞎跑的,

position: relative;
position: absolute;
position:fixed;

而且使用定位和浮动是完全脱标的,
定位一定要给父级元素加定位,浮动脱标时要清除浮动,
暂时就这些了,想到了再写,如果我有写错的评论出来,我好及时改,谢谢哈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值