組織CSS結構

2021-10-04 04:28:47 字數 1313 閱讀 3045

(css寫作規範)

一般來說,css推薦採用

這種自下而上的組織形式.各自的功能和定義如下:

如果把寫css看作建造房屋,那麼base.css相當於地基+磚瓦

base.css和具體ui沒有關係,它具有高度移植性,從而能夠被任何風格的**所引用. 一般來說base.css會採取reset + atom這種形式。

很多html標籤在瀏覽器裡有預設的樣式,例如 p 標籤有上下邊距,strong標籤有字型加粗樣式,em標籤有字型傾斜樣式。不同瀏覽器的預設樣式之間也會有差別,例如ul預設帶有縮排的樣式,在ie下,它的縮排是通過margin實現的,而firefox下,它的縮排是由padding實現的。在切換頁面的時候,瀏覽器的預設樣式往往會給我們帶來麻煩,影響開發效率。所以解決的方法就是一開始就將瀏覽器的預設樣式全部去掉,更準確說就是通過重新定義標籤樣式,把瀏覽器提供的預設樣式覆蓋掉。

2. [ 磚瓦 ] atom.css(可以根據自己的習慣或者公共習慣進行編寫)

**經常用到並且不可再拆分的樣式進行復用. 試想一下,乙個中等規模的** 肯定不止 有20多個介面,假如每個頁面用到1次左浮動,我們要寫20次float:left,這顯然違背了dry——don't repeat yourself的編碼原則。

例如:/*文字*/

.f12

.f14

.f16

接下來我們來製作窗戶吧 !

舉個栗子,不同的房屋之間可能用到的窗的樣式是不同的, 但針對特定一棟房屋的內部,窗的樣式卻基本是相同的. 所以在同一棟房屋內,我們是可以將窗戶進行復用。

這也為什麼common.css是**級的原因,不同的**ui元件可能會差別很大,但同乙個**內部,一定遵循設計一致性原則. 所以common.css的職責就是把**經常用到的整體樣式 [彈窗、表單、按鈕等] 抽象成ui元件進行復用

ui元件推薦根據功能劃分成更小的子塊以便能夠更好地進行管理,譬如劃分成 common-form.css, common-btn.css, common-pop.css等

來點定製化的東西 !

門窗都弄好了,不同的房間按照其功能或特色定製自己的軟裝。

如果說common.css的職責就是將**內的高度重用的整體樣式抽象成ui元件實現復用,那麼對於網頁內的非高度重用的樣式我就把它們放在page.css裡。

mysql名 組織 mysql組織結構

1.資料的組織結構 1 層次型 2 網狀型 3 關係型 2.mysql軟體包格式 1 軟體包管理器特有的格式 rpm包 2 通用二進位製包 解壓玩就能用 3 源程式 原始碼包 3.mysql是c s架構 客戶端 mysql 要安裝的包 mysql 服務端 mysqld 要安裝的包 mysql ser...

專案組織結構

軟體專案可以是乙個單獨的開發專案,也可以與產品專案組成乙個完整的軟體產品專案。如果是訂單開發,則成立軟體專案組即可 如果是產品開發,需成立軟體專案組和產品專案 負責市場調研和銷售 組成軟體產品專案組。公司實行專案管理時,首先要成立專案管理委員會,專案管理委員會下設專案管理小組 專案評審小組和軟體產品...

現代企業組織結構

書上列了很多模式 u型結構 m型結構 矩陣型結構 h型結構 模擬分權結構 團隊型結構 網路型結構。但我能看的懂的也就那麼幾種 u性結構及職能型結構 m型結構即事業部型結構 矩陣制結構 h型結構 母子公司 網路型結構。其它的似乎跟沒看一樣,我打算放棄了。組織結構設計的八個原則 1 任務目標原則 組織結...