html+css+js学习问题
迪仙女
这个作者很懒,什么都没留下…
展开
-
想想js事件循环机制
setTimeout(func(){},1000)表示过1秒调用func(){}那么setTimeout(func(){},0)是干嘛的呢?这里涉及到我们js的事件循环机制,js是单线程的,但是可以利用它的事件循环操作实现异步操作,这也避免了一些代码堵塞的问题。来说说js的事件循环机制:js在执行事件时顺序:同步队列->异步队列(所有微任务执行完->执行一个宏任务—循环)<script> setTimeout(function(){ conso原创 2020-10-24 15:12:53 · 145 阅读 · 0 评论 -
margin-left和left属性区别
忘记给父元素添加定位,子元素设置left:180px;相对于浏览器右移180px设置margin-left:180px则相对于父元素右移180px因为直接在css中设置left生效的前提是必须设置父容器position:absolute或relative,如果不设置则会显示为最近一个定位的父对象左边相关的位置而margin-left属性的设置则不需要定位...原创 2020-09-07 01:04:59 · 359 阅读 · 0 评论 -
文字如何用省略号显示
overflow:hidden; white-space: nowrap; text-overflow: ellipsis;overflow:hidden;首先设置溢出文字隐藏white-space: nowrap;设置文字一行显示 ,不要换行text-overflow: ellipsis;text-overflow属性规定文本溢出时展示的效果ellipsis;代表用省略号显示文本溢出效果...原创 2020-09-06 13:41:13 · 155 阅读 · 0 评论 -
块级元素、行内元素、行内块元素区别?
块级元素:1.独占一行2.height,width,padding,margin都可以设置3.里面可以放行内或块级元素4.默认宽度是容器的100%行内元素:1.和相邻行内元素在同一行2.height,width不可设置,padding-top/bottom、margin-top/bottom不可设置,padding/margin-left/right可以设置3.默认宽度由文本内容决定4.行内元素只能容纳文本或其他行内元素行内块元素:<input>、<img>、&l原创 2020-08-31 12:05:22 · 101 阅读 · 0 评论 -
绝对定位的盒子设置margin-right为什么不起作用?
.test1{ position: absolute; width: 100px; height: 100px; background-color: pink; left: 50%; margin-left: -100px; }```这里盒子的左边框先相对于浏览器的左边偏移50%( left: 50%;)再相对于浏览器的左边走-100px ( margin原创 2020-08-25 19:06:18 · 2031 阅读 · 5 评论