当前位置: 首页 > Web前端 > CSS

前端小知识点

时间:2023-03-31 00:00:30 CSS

主要记录工作学习中的一些小笔记。没有具体的技术分类和顺序。只要是和前端相关的就放在下面,等会整理成书。希望能继续更新1.>>>0位运算的作用>>>无符号右移:该运算符将第一个操作数右移指定位数。向右移出的位被丢弃,左边补0。符号位变为0,所以结果总是非负数。9>>>21001->0010//9->2>>>0的含义:在移位之前,移位运算符会将非number类型的数据转换为number类型,然后将number类型转换为unsigned32位数据。32bit转换规则不能转换为数字则为0,如果不是整数则转换为整数(转换规则为整数向下取整,负数向上取整)。整型返回整数,负数返回负数+2的32次方x>>>0本质上是保证x有意义(对于数字类型),并且是有效数组范围内的正整数(0~0xFFFFFFFF),无意义则默认为0。2.表中td的宽度。当table-layout属性固定时,每列具有相同的宽度。当值为auto时,以每列中最长的为准。当表格的长度为600px时,一个两列的表格,虽然分别设置了宽度为200px,但是浏览器会自动按照比例计算宽度,这也是一个宽度为600的表格。当有三列,前两列的宽度设置为300,后一列的宽度没有设置。浏览器的渲染规则是根据后面的实际宽度,剩下的宽度分成前两列。如果前两个的宽度加上第三个未设置的width元素的宽度小于总宽度,则前两个按照设置的尺寸显示,第三个自适应3.一个容易被误解的属性css::after伪元素after伪元素是在该节点加入的子节点末尾添加一个伪元素。eg:使用伪元素去除浮动容易被误解为在bfc元素后添加伪元素其实应该是在bfc的最后一个子元素后添加伪元素:first-child的解释和例子中菜鸟教程是匹配

元素的父元素的第一个

元素,但是下面这种情况,当元素后面是first-child时,该元素必须是父元素的第一个子元素生效。当元素后面跟类名时,如果同时是faketest的父元素的第一个子元素也是有效的。,faketest类别按顺序改变后,样式不生效:margin-left:percentage这个属性经常用到,但是当属性是百分比的时候,表示元素的父元素的百分比,然后在w3school网站上看错了说明(2020.03.26)4.解决.gitignore不生效的问题gitrm-r--cached.gitadd.gitcommit-m'update.gitignore'这个操作是相当于重新安排版本管理控制