兩個(gè)div精品文章

• 

  連接兩個(gè)div的直線，拖動(dòng)時(shí)保持連線。

  效果：連接兩個(gè)div帶箭頭的虛線，拖動(dòng)div時(shí)保持線條實(shí)時(shí)改變位置保持始終連接 效果圖： 1.產(chǎn)品經(jīng)理提出的需求 用帶箭頭的虛線將兩個(gè)位置不固定的div連接起來,初聽到這個(gè)需求一頭霧水，傳統(tǒng)的div可以做直線，但斜起來不...

  monw3c 2019-08-21 17:31 評(píng)論0 收藏0
• 

  前端面試復(fù)盤

  ...實(shí)現(xiàn)一個(gè)插件。 一、雙外邊距折疊 問題描述 一上一下兩個(gè)div，上面div的下外邊距是10px，下面div的上外邊距是5px，這兩個(gè)div的距離是多少？ 解析 10px。不是15px。 從上面那段代碼可以看到，下div的上外邊距只占了兩個(gè)div距離...

  Jason 2019-08-29 12:21 評(píng)論0 收藏0
• 

  前端面試復(fù)盤

  ...實(shí)現(xiàn)一個(gè)插件。 一、雙外邊距折疊 問題描述 一上一下兩個(gè)div，上面div的下外邊距是10px，下面div的上外邊距是5px，這兩個(gè)div的距離是多少？ 解析 10px。不是15px。 從上面那段代碼可以看到，下div的上外邊距只占了兩個(gè)div距離...

  tomener 2019-08-20 15:31 評(píng)論0 收藏0
• 

  前端面試復(fù)盤

  ...實(shí)現(xiàn)一個(gè)插件。 一、雙外邊距折疊 問題描述 一上一下兩個(gè)div，上面div的下外邊距是10px，下面div的上外邊距是5px，這兩個(gè)div的距離是多少？ 解析 10px。不是15px。 從上面那段代碼可以看到，下div的上外邊距只占了兩個(gè)div距離...

  hufeng 2019-08-01 16:37 評(píng)論0 收藏0
• 

  CSS 深入理解：overflow: hidden——隱藏溢出、清除浮動(dòng)、解除坍塌

  ...不浮動(dòng)的元素會(huì)直接無(wú)視掉這個(gè)元素：父div無(wú)視了自己的兩個(gè)孩子，其高度為0（因?yàn)槲覀儧]有設(shè)置父div的高度），所以父div沒有顯現(xiàn)。 .container{ background-color: black; } .div1{ background-color: aqua; width: 100px; height: 100px; } .div2{ ba...

  WalkerXu 2019-08-30 10:56 評(píng)論0 收藏0
• 

  常見的原生javascript DOM操作

  ... document.createTextNode(121212); 可以添加多個(gè)文本節(jié)點(diǎn)。假如兩個(gè)文本節(jié)點(diǎn)時(shí)相鄰的同胞節(jié)點(diǎn)，那么兩個(gè)文本節(jié)點(diǎn)會(huì)連起來，中間不會(huì)有空格。 2.節(jié)點(diǎn)關(guān)系 （IE9以前不將換行和空格看做文本節(jié)點(diǎn)，其他瀏覽器會(huì)） 文本關(guān)系如下： ...

  KevinYan 2019-08-19 17:09 評(píng)論0 收藏0
• 

  淺析BFC布局的概念以及作用

  ...置。 2.Box垂直方向的距離由margin決定。屬于同一個(gè)BFC的兩個(gè)相鄰Box的margin會(huì)發(fā)生重疊 3.每個(gè)元素的margin box的左邊， 與包含塊border box的左邊相接觸(對(duì)于從左往右的格式化，否則相反)。即使存在浮動(dòng)也是如此。 4.BFC的區(qū)域不會(huì)...

  荊兆峰 2019-04-23 13:29 評(píng)論0 收藏0
• 

  初識(shí)DOM（文檔對(duì)象模型）

  ...都支持。 ? ???querySelector() ? ???querySelectorAll() ? 這兩個(gè)方法通常放在一起說。 ? 我們知道選擇元素最強(qiáng)的是css，而這兩個(gè)里面寫的參數(shù)就是我們css選擇器的寫法。 ? document.querySelector(‘div p #demo .demo); ? 不過querySelector永遠(yuǎn)...

  Elle 2019-04-23 13:10 評(píng)論0 收藏0
• 

  CSS3動(dòng)畫效果transition

  ...on屬性，所以，立刻變短。 既然是變化，那就至少涉及到兩個(gè)狀態(tài)，變化前的狀態(tài)，變化后的狀態(tài)。兩個(gè)狀態(tài)不一樣，然后給予慢鏡頭過渡。就形成了動(dòng)畫。 也就是說：你想讓誰(shuí)的變化具有動(dòng)態(tài)過渡的效果，那transition屬性就加...

  番茄西紅柿 2019-04-23 11:57 評(píng)論0 收藏0
• 

  啊~ 五環(huán) 你比四環(huán)多一環(huán) 啊~ 五環(huán) 你比六環(huán)少一環(huán)

  ...模一樣的div元素 這時(shí)我們需要用到::after偽類選擇器 讓這兩個(gè)div重合。但是這里有個(gè)小坑 你發(fā)現(xiàn)這兩個(gè)定位的元素根本重合不到一起 這是因?yàn)橛脗晤愡x擇器后創(chuàng)建的元素是最開始元素的子元素并且我們最開始為這個(gè)div設(shè)置上了1...

  Lycheeee 2019-08-01 17:20 評(píng)論0 收藏0
• 

  啊~ 五環(huán) 你比四環(huán)多一環(huán) 啊~ 五環(huán) 你比六環(huán)少一環(huán)

  ...模一樣的div元素 這時(shí)我們需要用到::after偽類選擇器 讓這兩個(gè)div重合。但是這里有個(gè)小坑 你發(fā)現(xiàn)這兩個(gè)定位的元素根本重合不到一起 這是因?yàn)橛脗晤愡x擇器后創(chuàng)建的元素是最開始元素的子元素并且我們最開始為這個(gè)div設(shè)置上了1...

  Eidesen 2019-08-29 13:04 評(píng)論0 收藏0
• 

  前端修煉の道 | 你知道哪些復(fù)合選擇器？

  ... 相鄰兄弟選擇器 屬性選擇器 交集選擇器 交集選擇器由兩個(gè)選擇器直接連接構(gòu)成，其中第一個(gè)選擇器必須是元素選擇器，第二個(gè)選擇器必須是類選擇器或者 ID 選擇器，例如：div.txt、div#txtID。兩個(gè)選擇器之間必須連續(xù)寫，不能...

  Java_oldboy 2019-08-23 14:20 評(píng)論0 收藏0
• 

  html+css 布局篇

  ...？ 1、用float 如果分兩列，可以先把兩列的div分別包含在兩個(gè)div里面 如果分三列，要都float：left，或者兩個(gè)float：left一個(gè)float：right； 缺點(diǎn)：如果右邊div沒有設(shè)置寬度，右邊div的寬度會(huì)根據(jù)div里的內(nèi)容自動(dòng)調(diào)整，不易控制。 2、...

  caozhijian 2019-04-23 13:22 評(píng)論0 收藏0
• 

  你所不了解的querySelector

  ...中，這個(gè)表達(dá)式將查詢到 而不會(huì)匹配 好好想想，下面這兩個(gè)表達(dá)式做了什么？ document.querySelectorAll(#my-id div div); document.querySelector(#my-id).querySelectorAll(div div); 你可能想當(dāng)然地認(rèn)為它們是等價(jià)的。畢竟，第一個(gè)是查詢一個(gè)被#my...

  freewolf 2019-08-20 11:39 評(píng)論0 收藏0