After following, you can keep track of his dynamic information in a timely manner
Courses in the relevant section:Detailed analysis of the weight of selectors
1.相同权重下,由位置的先后来决定哪一个css起作用; 2.不同的权重下,权重的css起作用; 3.权重。selector specificity {0,0,0}:第一位数:id 第二位数class,第三位数:标签数量。由selectore specificity 构成的数越大,权重越大
2022-10-060个赞
Courses in the relevant section:Structural pseudo-class selector
伪类:1.结构伪类,根据位置来选择元素。用于选择子元素2.状态伪类:根据状态来选择元素。
2022-10-060个赞
Courses in the relevant section:Pseudo-class selector parameters
结构伪类选择器,根据位置来选择元素; 1.:nth-of-type(n) ,如.ul >li:nth-of-type(3) 2.nth-last-of-type(n) 2.:first-of-type 3.:last-of-type
伪类选择器:nth-of-type(),主要用来选择某个元素的第n个子元素
2022-10-060个赞
Courses in the relevant section:css layout unit
box-sizing:boder-box px em rem vh vw px:绝对单位,和设备相关.1 in = 96px em:等于系统的font-size.是一个可以被继承的属性.等于当前或者上级元素的默认字号,参照物是父级或者上级元素. rem:永远和html中的font-size属性一致.参照物固定 vx: vw:
2022-10-070个赞
Courses in the relevant section:Viewport units vh-vw
视口单位 vw:将视口宽度分成100份,1vw=1/100视口 vx: 将视口高度分成100份,1vx= 1/100视口
2022-10-070个赞
Courses in the relevant section:Positioning and positioning elements
@meida only screen and (min-width:315) and (max-width:415)
2022-10-070个赞
Courses in the relevant section:Login modal box positioning practice
position: 1.relative:相对自身,在文档流中的位置 2.absolute:相对于包含块,不在文档流中,包含块的定位属性不能是static 3.fix:是绝对定位的一个子集.他的包含块是固定的,永远是body.
position:fixed top:0;; botton:0; left:0; right:0; 会覆盖整个页面,但是position:relative 不会有这个效果,为什么?
2022-10-080个赞
Courses in the relevant section:flex flexible layout--container
display:flex后,"盒子"中的项目会变为弹性项目,在高度允许的前提下,沿主轴分布.
2022-10-080个赞
Courses in the relevant section:Properties in flex container
主轴上分配:flex-flow:row/column nowrap/wrap 分配剩余空间,place-content:start/end/center/space-between/space-around/space-evenly 交叉轴上的对齐:place-items:strench/start/end/center
2022-10-080个赞
Courses in the relevant section:flex item properties
flex:三个属性:放大因子、收缩银子、计算宽度 flex:0 1 auto;
2022-10-080个赞
Courses in the relevant section:Mobile layout solution (rem+vw)
calc(100vw/3.75),用视口来计算大小. 尽量不要用px
2022-10-080个赞
Courses in the relevant section:Grid container properties and project properties
display:grid; grid-template-columns:10em 10em 10em; grid-template-rows:
2022-10-080个赞
Courses in the relevant section:Closure: Partial function implements data partitioning
闭包: 1.父子函数 2.子函数调用了父函数中的变量
2022-10-090个赞
Courses in the relevant section:Basic knowledge of HTTP and URL02
url的几个关键点:http://site.cn/index.php/user/add?p=3&key=admin#link 1.http:// :协议 2.site.cn :域名/主机 3.:80: 端口 4./index.php : 入口文件/应用程序 5./user/add :PATH_INFO,用来做路由 6.?p=3&key=admin :查询参数/查询字符串/GET请求 7.#link : 锚点/ hash 参数
2022-10-140个赞
页面加载完成,执行load事件。该事件作为window 的属性:window.I load=()=>{ }; JS模块export 、import
2023-01-080个赞