1. 程式人生 > >CSS 那麼多屬性,而且每個屬性都有多個值怎麼記?

CSS 那麼多屬性,而且每個屬性都有多個值怎麼記?

       CSS的本質可以分為巨集觀與微觀兩方面。 巨集觀上它的存在就是為了控制頁面的顯示樣式。包括佈局,顏色,字型等。微觀上則是實現這種控制功能的各種屬性的定義和工作原理。
    瞭解定義就能幹活,知道原理才能把活幹好。

     題主說屬性太多,其實CSS就是去控制樣式而已,網頁樣式是借鑑於傳統的報紙等印刷品的排版。你隨便在身邊找一份報紙或者雜誌的一頁,用CSS儘可能的還原出來。整體佈局還原出來問題應該不大,但是具體到細節的時候可能會有很多問題,比如出來的效果總是跟想的不一樣。這個時候就該去看看單個屬性的工作原理,比如margin是用來控制外邊距的但是用%的時候它是怎麼計算的最終值呢?當發現出乎意料的時候就去查一下屬性的定義和值的計算方法。
常用基礎樣式如圖:

相關推薦

CSS 那麼屬性而且每個屬性怎麼

       CSS的本質可以分為巨集觀與微觀兩方面。 巨集觀上它的存在就是為了控制頁面的顯示樣式。包括佈局,顏色,字型等。微觀上則是實現這種控制功能的各種屬性的定義和工作原理。     瞭解定義就能幹活,知道原理才能把活幹好。      題主說屬性太多,其實CSS就是去控制樣式而已,網頁樣式是借鑑於傳統的

Python:類屬性實例屬性私有屬性與靜態方法類方法實例方法

所有 參數 方法 rate self 類屬性 不能 anaconda 賦值 類屬性可以直接在方法中賦值,但 一、調用該屬性時,必須先調用該方法; 二、與 init 方法區別是,init方法只初始化一次,初始化完成後作為全局變量。在方法中賦值屬性,每次調用該方法,該屬性初始化

原生js如何通過html標籤的自定義屬性找到該屬性對應的屬性

需求如下:     我有一段固定的js,不同的專案都必須引入,並且js內必須傳入一個專案標識。      此時的做法當然是把這段js封裝成一個js檔案,放到cdn上,每次只需要引入這個js的地址,並且傳入不同的引數 為了

XStream生成的XML中帶class屬性去掉class屬性

使用XStream將物件轉化成XML時遇到一個問題: xml元素上帶class屬性。如: 解決辦法: XStream xStream = new XStream(); xStream.autodetectAnnotations(true); xStream.a

web專案Log4j日誌輸出路徑配置問題 問題描述:一個web專案想在一個tomcat下執行例項(通過修改war包名稱的實現)然後每個例項將日誌輸出到tomcat的logs目錄下例項名命名的文

問題描述:一個web專案想在一個tomcat下執行多個例項(通過修改war包名稱的實現),然後每個例項都將日誌輸出到tomcat的logs目錄下例項名命名的資料夾下進行區分檢視每個例項日誌,要求通過儘可能少的改動配置檔案,最好修改例項名後可以不修改log4j的配置檔案。 實現分析:一般實現上面需求,需要在修

Spring4深入理解----事務(宣告式事務和xml配置事務事務傳播屬性事務其他屬性(隔離級別&回滾&只讀&過期))

  •事務管理是企業級應用程式開發中必不可少的技術,  用來確保資料的完整性和一致性.   •事務就是一系列的動作,它們被當做一個單獨的工作單元.這些動作要麼全部完成,要麼全部不起作用   •事務的四個關鍵屬性(ACID)     –原子性(atomicity):事務是一

QT in VS 語言實現(中英文切換每個步驟截圖只有UTF8才能讓Qt語言家正確讀取。先qApp->removeTranslator然後installTranslator每個要寫上槽函數RetranslateUI)

har hang 刷新 編碼方式 enum utf 工具 orm 中英文切換 最近項目需要軟件具有中英文雙語切換功能,而QT又自帶此功能,現將實現方式記錄下來。 說到中英文切換,少不了要了解QT的內部編碼方式。在此就不詳述QT編碼方式了,具體可參考 徹底弄懂Qt的編碼。只需

從高考填誌願APP泛濫看蹭熱點撈金可惡

填誌願app 高考成績並不是唯一決定未來是否美好的東東,因為還有另外一個——填誌願。在知道高考分數之後,選擇合適的大學和專業尤為重要。如何選擇與自己分數相匹配的大學和專業,既不會造成落榜,也不會湊合,是一門高深的學問。但也正是填誌願太過重要,讓很多騙子有了可趁之機,眾多詐騙、垃圾APP呈現泛濫之勢。這些

年底了借錢的套路深?附最優雅防借錢指南

感受 窘迫 color 技術 blog 最新 img roc 個人 每個人的身邊都或多或少 會有這樣一些人: 平時不聯系, 過節連個群發祝福也懶得發, 可一到年底的時候, 卻總愛給你“拜早年” “好久不見,最近好嗎?” 還沒寒暄幾句, 對方就切入正題: “年底幫個小忙,借

作為一個程序員數學對你到底重要

問題 般的 情況下 離散 重構 tle 情況 單純 重新  每個計算機系畢業的人,大都學過不少數學課,而且不少學校的計算機系的數學課,通常比一般的其他工科專業的數學要難一些,比如不上高等數學,而是學數學分析,不上線性代數而去上高等代數。但是,大部分畢業了後去做程序員的人,即

別在意別人走專註於自己走

專註 時間 什麽 窗戶 有時 們的 很好 想是 成了 外界的歡呼、嘈雜是屬於他們的,你有自己既定的目標和要走的路。 調整呼吸,專註並享受你正在做的事。 這個世界有時像個漩渦,稍不留意就被卷入其中。 你看著大家都在做的事,聽著大家都在說的話,不知不覺,你也成了別人口中的「大

黑客教父郭盛華:大數據時代黑客滲透測試工程師重要?

數據 黑客攻防 gin ID 網絡安全 最終 整體 未來 margin   大數據時代已經來臨了,未來網絡安全方面將面臨一個嚴重的危機。那麽滲透測試技術將會發揮什麽樣的作用?中國知名黑客教父,專業滲透測試大師,東方聯盟創始人郭盛華表示: 當某數據公司讓可信的第三方安全專業人

用Jenkins集成ios項目設置scheme同一代碼自動輸出環境包 實現便捷切換API環境

ios項目 bug 編譯打包 不同配置 online space 測試 jenkin spa Jenkins 安裝使用參考我的博客http://www.cnblogs.com/zhujin/p/9064820.html Xcode 配置:說明 一個schema 對應一套環境

Coinness分析:SEC拒絕ETF對BTC價格影響

即便大家都知道,橫盤了這麼久,變盤是早晚的事,各項技術指標也表明了有上漲修正的需求。但短時內的突然拉昇,還是讓人感覺幸福太突然,反彈站不穩。果然,沒站穩。 收盤仍然收在6400多美元,感覺昨天早上的努力都白費了。不過昨天的資金流還是不小的,BTC、ETH、XRP、EOS等主流幣的資金流出很大,應

小哥用Python兼職月入過萬用Python做專案賺錢?

  加python程式語言學習QQ群 515267276即可自動獲取大量Python視訊教程以及各類PDF! 今天給大家分享一下2位前輩業餘接兼職做的一些Python專案。號主在這裡想說,無論你是自學還是進培訓班,只要把Python學好,錢自然而來。   問

斐波納契數列 1123581321345589……這個數列則稱為“斐波納契數列”其中每個數字是“斐波納契數”。

import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); while (scanner.hasNex

n帶編號的人和n帶編號的座位每個不坐在相同號碼座位的方案數目

題目描述:     有 n 位同學編號分別為1, 2, ..., n; 有 n 個座位編號分別為1, 2, ..., n。     現在為每一位同學安排一個座位,求每個同學都坐在與自己編號不同的座位的方案數目。 分析:動態規劃思想:     假設 i 位同學,i 個座

Java併發程式設計基礎//程序:每個程序都有獨立的程式碼和資料空間(程序上下文)程序間的切換開銷比較大一個程序包含1-n執行緒 //執行緒:同一類執行緒共享程式碼和資料空間,每個執行緒擁有獨立的執行棧和程式計

1.實現多執行緒的兩種方式: (1)繼承Thread類; (2)實現Runnable介面 //程序:每個程序都有獨立的程式碼和資料空間(程序上下文),程序間的切換開銷比較大,一個程序包含1-n個執行緒 //執行緒:同一類執行緒共享程式碼和資料空間,每個執行緒擁有獨立的執行

將本地專案上傳到碼雲只需這幾步每個步驟圖文

1,首先在碼雲上新建一個專案,如下圖所示 2,本地新建一個資料夾   3,進入新建的資料夾,點選滑鼠右鍵,選擇git bash here 然後在視窗輸入 git init  這時候資料夾會多出一個.git資料夾,看不到資料夾的,點選滑鼠右鍵選擇“顯示不

煙花散盡的專欄(每個自己的特長選對了團隊才會發揮出自己的超長價值 一起在程式設計的世界暢遊吧)

java世界的喜怒哀樂 在這裡我從不同的角度來剖析java裡面我們可能遇到的麻煩。 在這裡你會遇到前端最火的幾個框架,你也會遇到最大的開源組織apache........,總之這裡只有你想不到,沒有我做不到的。你可以把這裡當做是