已采納回答 / 心陌灬琉璃夢
① div寬度500=列寬x+列間距y,(div寬度500-列間距y) ÷ 列數3 ≈ 每列最大寬度z。在寬度500不變的情況下,自定義列寬只要≤每列最大寬度z,就能保持三列的布局;【經本人測試,最大列寬是155px】② 寬度500不變的情況下,只要自定義列寬≤每列最大寬度z,即只要自定義列寬≤155px,無論你的列寬設置是什么數值,列寬不會發生任何變化;③ 只有當div寬度或文本內容長度發生變化時,布局才會發生變化。
2017-08-19
已采納回答 / Csunnnnn
:hover偽類是加在div元素上的(代碼- div:hover span, 對div添加hover偽類,控制span的屬性),div是整個大框。所以鼠標經過div塊就開始動畫,移出就停止。
2017-08-18
已采納回答 / 艾零
沒有給background屬性加上transtion屬性 不會影響hover時背景色的改變 ,只是沒有過渡效果,第一時間就變成pink。 想要過渡效果可以加上 transition-property:all ;延長過渡時間后你會看到顏色會從紅色慢慢的變成粉色。
已采納回答 / 凌寒賦雪3434449
display:block;是讓對象成為塊級元素(比如a,span等)display有很多對象,具體可以參考http://www.w3school.com.cn/css/pr_class_display.asp一般都是用display:none和display:block來控制層的顯示
2017-08-16
已采納回答 / 愛上慕婉清6262634
不需要相對定位,比如<div><img src="" alt=""/></div>只需要給div指定樣式?div{display:flex;align-items: center;?justify-content:center;}就能實現圖片在div內部居中了
2017-08-14
已采納回答 / yaoxtao
要結合整片文章來看,@media (min-device-width:600px) 當設備的寬度大于600px的時候,就使用 data-src-600px這個屬性的圖片。<img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="" />。因為data-src-600px="image-600px.jpg",所以就是image-600px.jpg這張圖片。
2017-08-11
已采納回答 / Jaris
perspective 屬性定義 3D 元素距視圖的距離,以像素計。該屬性允許改變 3D 元素查看 3D 元素的視圖。當為元素定義 perspective 屬性時,其子元素會獲得透視效果,而不是元素本身。perspective: number|none;number:元素距離視圖的距離,以像素計。 ? ?none:默認值。與 0 相同。不設置透視。
2017-08-08
已采納回答 / 言吖頭
transform: translatez(-25px);向z軸的負方向移動25px;transform: translateZ(-25px) rotateX(90deg);移動的同時翻轉60度
2017-08-06