html、css、vscode

  • div和span区别

div是块元素,span是内联元素

           

           

  • 重置浏览器大小,发生变化
@media screen and (max-width: 600px) {
    body {
        background-color:lightblue;
    }
}

 

  • box-sizing: content-box/border-box;

content-box  是默认值。如果你设置一个元素的宽为100px,那么这个元素的内容区会有100px 宽,
并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。

border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。也就是说,如果你将
一个元素的width设为100px,那么这100px会包含其它的border和padding,内容区的实际宽度会是width
减去border + padding的计算值。大多数情况下这使得我们更容易的去设定一个元素的宽高。

  • vscode 快速产生html

   输入i,然后Tab键

  • background: url("../../assets/header-log.png")

  • background: url("../../assets/header-log.png") no-repeat center;

 

  • vscode  ul>li*4 自动产生ul li
  • vscode 注解快捷键

       ctrl+/

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值