前端整理

willin 發布于2019-08-22 12:46 / 746人閱讀

摘要：相對定位絕對定位樣式繼承浮動等等吧首先說一下基礎類型選擇器。其次就是在開發的過程中，經常會忽略個的占位，導致換行顯示。

即使很忙很忙，也請你放下手中的事，抽出一點時間，來總結一下過往的點點滴滴。

這篇文章是我近兩天看了“網易云課堂”的心得，記錄下來留作以后可以回顧。我在GitHub上也有上傳代碼：源碼地址

我本身是一個PHPer，所以稍微復雜一點的Html和Js就暈乎乎的，大致的解題思路我其實非常清楚，但一遇到Css我就迷糊。相對定位、絕對定位、樣式繼承、浮動等等吧

首先說一下基礎類型選擇器。
包括標簽選擇、ID選擇、class選擇，在開發中，我們也會遇到一個標簽應用多種樣式的情況，比如：

這里其實就是類選擇器，多個類之間使用空格隔開。在比如在Css文件中會經常看到這樣的代碼：body,ul,ol{margin:0px; padding:0px},多個標簽選擇器見使用逗號隔開，表示每個標簽都應用這樣的樣式；又或者.circle ul表示class=“circle”下的ul標簽應用的樣式，這中帶有層級關系的樣式，也使用空格進行分割。

其次就是在開發的過程中，經常會忽略margin個padding的占位，導致div換行顯示。實際一個div的大小其實為:margin + padding + width;

在其次就是一些小的細節：比如外邊距的合并，在一個元素出現在另一個元素的上邊時，第一個元素的下外邊距與第二個元素的上外邊距會發生合并；在float操作之后，一般都會追加一個

來消除浮動的影響；

最后總結一下居中的使用：一、要求字體的line-height等于div的height，這樣可以做到垂直劇中；二、使用margin:0px auto也可以做到div水平居中

云服務器 GPU云服務器機柜整理整理收集整理資料顏色整理

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

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

前端學習資源整理

稍微整理了一下自己平時看到的前端學習資源，分享給大家。 html MDN：Mozilla開發者網絡 SEO：前端開發中的SEO css 張鑫旭：張鑫旭的博客 css精靈圖：css精靈圖實踐柵格系統：詳解CSS中的柵格系統媒體查詢：css媒體查詢用法 rem布局：手機端頁面自適應布局移動前端開發之viewport的深入理解:深入理解viewport 淘寶前端布局：手機淘寶移動端布局 fl...

siberiawolf 2019-08-21 11:27 評論0 收藏0
Record 前端開發知識整理分享

showImg(https://segmentfault.com/img/remote/1460000018716142?w=200&h=200); showImg(https://segmentfault.com/img/remote/1460000018716143);showImg(https://segmentfault.com/img/remote/1460000010953710);...

TZLLOG 2019-08-26 13:39 評論0 收藏0
前端進階 & 面試必備，優質資源、好文整理分享！

摘要：前言前端技術日新月異，隨著大前端的趨勢，想要成為一名合格的前端工程師，需要學習掌握的東西更是寬泛。閑話少說，這次給大家整理分享一些前端進階的優質學習資源，希望對大家有所幫助個人博客地址前言前端技術日新月異，隨著大前端的趨勢，想要成為一名合格的前端工程師，需要學習掌握的東西更是寬泛。所以我們在尋求進階的過程中，既要不斷夯實前端基礎，也要快速響應技術的更新迭代。閑話少說，這次給大家...

Youngs 2019-08-26 10:26 評論0 收藏0
根據瀏覽器的工作原理整理前端知識體系

摘要：在這里，我根據瀏覽器的工作原理整理了一套自己的知識體系，方便自己學習，有很多不足的地方，希望大家多多交流。圖片可以點擊查看原圖進行觀看做前端的同學都知道，前端技術目前需要學習的知識太多了，各種框架，技術層出不窮，但只要我們自己有自己的一套知識體系，打好基礎，再學習新東西就會很容易。在這里，我根據瀏覽器的工作原理整理了一套自己的知識體系，方便自己學習，有很多不足的地方，希望大家多多交流...

Riddler 2019-08-23 13:42 評論0 收藏0
根據瀏覽器的工作原理整理前端知識體系

摘要：在這里，我根據瀏覽器的工作原理整理了一套自己的知識體系，方便自己學習，有很多不足的地方，希望大家多多交流。圖片可以點擊查看原圖進行觀看做前端的同學都知道，前端技術目前需要學習的知識太多了，各種框架，技術層出不窮，但只要我們自己有自己的一套知識體系，打好基礎，再學習新東西就會很容易。在這里，我根據瀏覽器的工作原理整理了一套自己的知識體系，方便自己學習，有很多不足的地方，希望大家多多交流...

xiaotianyi 2019-08-02 12:06 評論0 收藏0
根據瀏覽器的工作原理整理前端知識體系

摘要：在這里，我根據瀏覽器的工作原理整理了一套自己的知識體系，方便自己學習，有很多不足的地方，希望大家多多交流。圖片可以點擊查看原圖進行觀看做前端的同學都知道，前端技術目前需要學習的知識太多了，各種框架，技術層出不窮，但只要我們自己有自己的一套知識體系，打好基礎，再學習新東西就會很容易。在這里，我根據瀏覽器的工作原理整理了一套自己的知識體系，方便自己學習，有很多不足的地方，希望大家多多交流...

JasonZhang 2019-08-29 17:24 評論0 收藏0