![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 140 阅读 · 0 评论 -
margin-left和left属性区别
忘记给父元素添加定位,子元素设置left:180px; 相对于浏览器右移180px 设置margin-left:180px则相对于父元素右移180px 因为直接在css中设置left生效的前提是必须设置父容器position:absolute或relative,如果不设置则会显示为最近一个定位的父对象左边相关的位置 而margin-left属性的设置则不需要定位 ...原创 2020-09-07 01:04:59 · 355 阅读 · 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 · 146 阅读 · 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 · 97 阅读 · 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 · 2015 阅读 · 5 评论