CSS3與頁面布局學習總結（四）——頁面布局大全
一、負邊距與浮動布局 1.1、負邊距 所謂的負邊距就是margin取負值的情況，如margin:-100px，margin:-100%。當一個元素與另一個元素margin取負值時將拉近距離。常見的功能如下： 1.1.1、向上移動 當多個元素同時從標准流中脫離開來時，如果前一個元素的寬度 ...
原文：CSS3與頁面布局學習總結（五）——Web Font與Sprite
一 web font web font是應用在web中的一種字體技術，在CSS中使用font face定義新的字體。先了解操作系統中的字體： a 安裝好操作系統后，會默認安裝一些字體，這些字體文件描述了每一個文字的形態，一般中文文件大，英文文件小，因為中文字符數多 在控制面板中可以找到文字文件夾，在C: Windows Fonts下也可以直接找到。另外如果想讓自己的電腦上有更加豐富的字體，可以下載 ...
2016-12-05 08:30 0 7109 推薦指數：
相關推薦
CSS3與頁面布局學習總結（六）——CSS3新特性（陰影、動畫、漸變、變形、偽元素等）
CSS3在CSS2.1的基礎上新增加了許多屬性，這里選擇了較常用的一些功能與大家分享，幫助文檔中有很詳細的描述，可以在本文的示例中獲得幫助文檔。 一、陰影 1.1、文字陰影 text-shadow<length>①： 第1個長度值用來設置對象的陰影水平偏移值。可以為負值 < ...
CSS3與頁面布局學習總結（四）——頁面布局的多種方法
一、負邊距與浮動布局 1.1、負邊距 所謂的負邊距就是margin取負值的情況，如margin:-100px，margin:-100%。當一個元素與另一個元素margin取負值時將拉近距離。常見的功能如下： 1.1.1、向上移動 當多個元素同時從標准流中脫離 ...
CSS3與頁面布局學習總結（二）——Box Model、邊距折疊、內聯與塊標簽、CSSReset
一、盒子模型（Box Model） 盒子模型也有人稱為框模型，HTML中的多數元素都會在瀏覽器中生成一個矩形的區域，每個區域包含四個組成部分，從外向內依次是：外邊距（Margin）、邊框（Borde ...
CSS3與頁面布局學習總結（三）——BFC、定位、浮動、7種垂直居中方法
一、BFC與IFC 1.1、BFC與IFC概要 BFC（Block Formatting Context）即“塊級格式化上下文”， IFC（Inline Formatting Context）即行內格式化上下文。常規流（也稱標准流、普通流）是一個文檔在被顯示時最常見的布局形態。一個框在常規流中 ...
CSS3與頁面布局學習總結（七）——前端預處理技術（Less、Sass、CoffeeScript、TypeScript）
CSS不像其它高級語言一樣支持算術運算、變量、流程控制與面向對象特性，所以CSS樣式較多時會引起一些問題，如修改復雜，冗余，某些別的語言很簡單的功能實現不了等。而javascript則是一種半面向對象的動態語言，有java的影子，有C的味道，中間有比其它語言多的糟粕，使用預處理辦法可以解決這些問題 ...
CSS3與頁面布局學習總結（八）——瀏覽器兼容與前端性能優化
： 1)、CSS兼容2)、JavaScript兼容3)、HTML兼容 這三類也是前端的主要組成部分，都存在一定的 ...
CSS3與頁面布局學習總結（一）——概要、選擇器、特殊性與刻度單位
web前端開發者最最注的內容是三個：HTML、CSS與JavaScript，他們分別在不同方面發揮自己的作用，HTML實現頁面結構，CSS完成頁面的表現與風格，JavaScript實現一些客戶端的功能與業務。當然內容與用戶資源也是不能忽視的。盡量不要跨職責范圍使用，有點“SRP單一職責 ...