css和前端UI框架設計ElementUI

2022-02-05 22:24:29 字數 495 閱讀 9508

css的核心是box model, 也就是盒子模。可以簡單理解為三個框,包含乙個content,最外邊的margin和內層的conent比較特殊。

如圖所示,可以清晰的看到其四部分。其margin(外邊距), padding(內邊距)都沒有顏色資訊,只有邊距大小。background-color會包含padding和content,width限定的是content大小。

css還有乙個核心的概念就是選擇器,比如我們常用的class(符號.),id(符號#)等屬性,都是用於選擇,通常一般會用class,應為id只能關聯乙個樣式,class可以有多個。

匯入css檔案的流行方式:

ui框架的基礎就是css和檔案,比如優秀的elementui。最有效,簡單的學習方法就是從乙個簡單的元件開始,然後以點帶面,學會其他元件的使用。

參考文件:

遊戲UI框架設計 一 架構設計理論篇

遊戲ui框架設計 一 架構設計理論篇 前幾天 2017年2月 看到一篇文章,國內王健林 馬雲等大咖們看好的未來十大最有 錢途 產業中,排名第一的就是 泛娛樂 所以我們發現最近幾年無論是bat企業還是萬達等,都紛紛投資遊戲 電影 動漫等泛娛樂產業。隨著人們物質生活的不斷提高,遊戲 包含端遊 手遊 vr...

架構 框架 設計模式的定義和區別

一 架構 架構即軟體架構,是有關軟體整體結構與元件的抽象描述,用於指導大型軟體系統各個方面的設計。軟體體系結構是構建計算機軟體實踐的基礎,簡單來說,軟體架構是乙個系統的草圖,是一種設計方案,將客戶的不同需求抽象成為抽象元件,各個元件之間的連線則明確和相對細緻地描述元件之間的通訊。在實現階段,這些抽象...

前端開發思想 架構 框架 設計模式之間的關係簡述

一 軟體體系結構和框架的定義 軟體體系結構的英文單詞是 architecture architecture的基本詞義是建築 建築學 建築風格。軟體體系結構雖然根植於軟體工程,但還處於乙個研究發展的階段,迄今為止還沒有乙個為大家所公認的定義。設計模式 中對框架的定義是框架就是一組相互協作的類,對於特定...