重拾css(2)——帶著問題出發

Big_fat_cat 發布于2019-08-29 12:45 / 2671人閱讀

摘要：來不及解釋，快上車有些瀏覽器不完全支持，現在可以用哪個工具去檢測瀏覽器是否支持，以及支持哪些項常用的標簽，它們的屬性一般默認為和。的設計初衷是什么具有包裹性例如和兩者的寬度是不一樣的，不信可以為加上背景色試試。

來不及解釋，快上車... ...

有些瀏覽器不完全支持css3，現在可以用哪個工具去檢測瀏覽器是否支持，以及支持哪些項？

常用的html標簽，它們的display屬性一般默認為block和inline。有哪些常用標簽的display不是block和inline，這些標簽顯示的時候和block/inline有何區別？

是否了解@import？

一個表格的第一行顯示紅色背景，最后一行顯示藍色背景，中間行使用灰色/白色間隔的背景，如何寫？

偽元素 ::before、::after 是否用過？都是在哪些地方用的？

css——層疊樣式表，其中的“層疊”該如何理解？

對“特指度（specificity）”了解多少，知道“I-C-E”的計算規則嗎？

特指度理解不是很麻煩，關鍵是分析多個css選擇符和計算麻煩。有一個簡單的解決方案，四句口訣，叫做“查理版簡單層疊要點”，是否了解？

搜索“瀏覽器默認樣式”，找到它，打開看看，里面是瀏覽器默認的所有樣式，你是否都能看得懂?

在你開發系統的第一個css文件的第一行，就要寫上 * {margin:0; padding:0} ，這是為何？

樣式 p{margin-top:50px; margin-bottom:30px;} 將會導致p之間的垂直距離是多少？

“盒子模型”大家都了解了（不知道趕緊去惡補！！），盒子模型的width其實是指內容的寬度，不包括padding、border、margin。其實這樣對我們做css布局是很不利的，有什么方法可以讓width是全部的寬度？

float的一些影響會讓我們經常哭笑不得（特別是初學者），其實了解了float的設計初衷，也許你就會理解這些東西。float的設計初衷是什么？

float具有“包裹性”——例如：

abc

和

abc

兩者的寬度是不一樣的，不信可以為 p 加上背景色試試。是否理解這種“包裹性”？試著想想，還有哪些元素（或css屬性）也有這種“包裹性”？

float還有一個表象是“破壞性”，它會導致父元素高度塌陷，這個大家應該都知道吧？那么這是為何呢？另外，還有哪個css屬性，也導致這種“破壞性”？

css清除浮動有三種方法，是否知道。你平時是怎么清除浮動的？業內最常用的經典清除浮動樣式是什么？

相對定位relative如何理解，它和絕對定位absolute的最根本區別是什么？

“定位上下文”是否知道？

經典的網頁三列布局如何實現？如果不考慮IE6、7，最好的實現多列布局的方式是什么？

是否用過inline-block，IE6、7如何兼容？

云服務器 GPU云服務器重拾出發點 python 出發 css引入css

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/112119.html

重拾css(1)——寫在前邊的話

摘要：本系列文章重拾主要參考王福朋知多少，結合自己的理解和學習需要，修改或添加了一些內容，難免有失偏頗，僅供自我學習參考之用。工作中或多或少的寫一些css，但總感覺掌握的不夠扎實，時而需要查閱一下知識點。我想，一方面跟缺少科班出身式的系統學習有關，另一方面也苦于一直未尋覓到一套合我胃口教程。直到我讀到了王福朋css知多少系列文章，使我有了重新系統學習css的想法。本系列文章（重拾css）...

li21 2019-08-29 12:45 評論0 收藏0
小技巧 - 收藏集 - 掘金

摘要：然而學習布局，你只要學習幾個手機端頁面自適應解決方案布局進階版附源碼示例前端掘金一年前筆者寫了一篇手機端頁面自適應解決方案布局，意外受到很多朋友的關注和喜歡。十分鐘學會 Fiddler - 后端 - 掘金一.Fiddler介紹 Fiddler是一個http抓包改包工具，fiddle英文中有欺騙、偽造之意，與wireshark相比它更輕量級，上手簡單，因為只能抓http和https數據...

A Loity 2019-08-20 17:45 評論0 收藏0
重拾 Java 基礎

摘要：阿里開始招實習，同學問我要不要去申請阿里的實習，我說不去，個人對阿里的印象不好。記得去年阿里給我發了郵件，我很認真地回復，然后他不理我了。引言最近好久沒有遇到技術瓶頸了，思考得自然少了，每天都是重復性的工作。阿里開始招實習，同學問我要不要去申請阿里的實習，我說不去，個人對阿里的印象不好。記得去年阿里給我發了郵件，我很認真地回復，然后他不理我了。(最起碼的尊重都沒有，就算我菜你起...

ideaa 2019-08-16 16:12 評論0 收藏0
架構～微服務

摘要：接下來繼續介紹三種架構模式，分別是查詢分離模式微服務模式多級緩存模式。分布式應用程序可以基于實現諸如數據發布訂閱負載均衡命名服務分布式協調通知集群管理選舉分布式鎖和分布式隊列等功能。 SpringCloud 分布式配置 SpringCloud 分布式配置史上最簡單的 SpringCloud 教程 | 第九篇: 服務鏈路追蹤 (Spring Cloud Sleuth) 史上最簡單的 S...

xinhaip 2019-06-24 17:55 評論0 收藏0
重拾-Spring Transaction

摘要：當存在掛起的事務時，執行恢復掛起的事務將掛起的事務綁定的重新綁定到當前上下文事務的就是將掛起的事務重新綁定到當前上下文中。問題面試中是不是有時經常會被問到 Spring 事務如何管理的了解嗎？，Spring 事務的傳播性有哪些，能聊聊它們的使用場景嗎？，事務回滾的時候是所有異常下都會回滾嗎？；下面我們就帶著這些問題來看看 Spring 事務是如何實現的吧。實現分析首先我們...

fasss 2019-08-16 15:39 評論0 收藏0