css随记

竖向排列并且实现宽度自适应
分栏布局–竖向排列(每一栏都是等分的)
flex布局–竖向排列(宽度不会自适应)
浮动–要做好多个单独的布局
grid布局–是可以很好地做到
grid-auto-flow:column;实现竖向的排列,元素一列列的向下排列,不够了去另一列
给父容器加绝对定位,然后给子元素加宽高

HTML5标签含义大全(元素周期表)
W3school

块和内联的区别???

标签规范:
p标签:不能嵌套块标签
table–tr td th
ul–li
dl–dt dd
块能嵌套内联,内联不能嵌套块

form啥时候写?要跟后端进行交互
有时候也可以不用谢form就可以跟后端进行交互(AJAX)

??background-origin
背景图起始点的位置,默认起始padding区域。padding-box,border-box,content-box
不能跟background-position搞混了

background-size:cover,contain和具体的数值
box-sizing
两种盒子模型
1.正常盒子模型 content=width content-box
2.怪异盒子模型 border及以内的=width border-box

边框的样式:border-style:solid dashed dotted
针对某一条边设置样式:border-left-style

超大图居中:
1.用背景:background:center 0;
2.用图片:position:relative; left:50%; margin-left:-图片的一半

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值