深入理解CSS偽類
前面的話 偽類經常與偽元素混淆，偽元素的效果類似於通過添加一個實際的元素才能達到，而偽類的效果類似於通過添加一個實際的類來達到。實際上css3為了區分兩者，已經明確規定了偽類用一個冒號來表示，而偽元素則用兩個冒號來表示。本文將詳細介紹偽類的詳細知識 錨點 關於錨點< ...
原文：深入理解偽元素
定義 偽元素顧名思義偽裝成元素，但不是元素，這與生成內容相關。生成內容主要指由瀏覽器創建的內容，而不是由標志或內容來表示。生成內容主要由:before和:after偽元素來實現，當然偽元素還包括:first line,:first letter和::selection 用法 :first letter 指定一個元素第一個字母的樣式 注意 所有前導標點符號應與第一個字母一同應用該樣式 注意 只能與塊 ...
2015-12-05 15:42 6 2773 推薦指數：
相關推薦
深入理解腳本化CSS系列第六篇——腳本化偽元素的6種方法
前面的話 我們可以通過計算樣式來讀取偽元素的樣式信息，但是卻無法使用javascript來直接操作偽元素，本文以一個需求解決為例，詳細介紹腳本化偽元素的6種方法 需求說明 【1】為id=box的div元素添加content="前綴"的:before偽元素 【2】為已經添加 ...
深入理解元素視圖的3個方法
前面的話 前面介紹了offset偏移、client客戶區和scroll滾動，這三部分主要從屬性的角度來對元素尺寸信息進行獲取和修改。本文主要介紹元素視圖的三個方法，包括getBoundingClientRect()、getClientRects()和elementFromPoint ...
CSS/塊級元素與內聯元素的深入理解
今天終於對html中的塊級元素和行內元素有了一個較為理性的認識。首先w3c對於block和inline的解釋為： 一、block的研究 通過w3c的解釋，也就是說block（塊級）元素是獨占一行顯示的。它的兄弟元素必定不會與其在同一行中（除非脫離了文檔流）。下面來說說block元素默認 ...
深入理解子元素的width與父元素的width關系
深入理解父元素與子元素的width關系 對於這一部分內容，如果理解准確，可以更容易控制布局，節省不必要的代碼，這里將簡單研究。 第一部分：父子元素都是內聯元素 代碼演示如下： 這時，我們在審查元素時可以發現，span和a的width（和height）的寬度 ...
深入理解CSS元素可見性visibility
初始值: visible 應用於: 所有元素 繼承性: 有 屬性 vis ...
深入理解javascript描述元素內容的5個屬性
前面的話 上面這行代碼中，<p>元素的內容是什么呢？答案一：內容是HTML字符串"This is a <i>simple</i> document"；答案二：內容是純文本字符串"This is a simple document"；答案 ...
深入理解this對象
最近一直在看js關於面向對象編程方面的東西，那么this肯定是需要一個被吃透 理解 同時靈活運用的對象 現在總結一下自己的學習成果： 我們可以用一句很形象的話來理解什么是this關鍵字？ "this關鍵字引用的是 包含它的那個函數 作為某個對象的方法 被調用時所屬的那個對象 ...