CSS進階（十二）層疊上下文和層疊水平
z-index影響的是定位元素及flex盒子的孩子元素
層疊優先順序
層疊準則
（1）z-index大的在上
（2）同一層級下，後者覆蓋前者
層疊上下文
（1）頁面根元素是根層疊上下文
（2）對於position為absolute/relative以及firefox下position為fixed的元素，其z-index值不是auto的時候，會建立層疊上下文
層疊上下文和層疊順序
普通元素具有了層疊上下文，其層疊順序就會變高，見下圖
transform opacity不是1 都會建立層疊上下文
z-index負值的作用
（1）可訪問性隱藏.類似於clip屬性
（2）多背景模擬
（3）定位在元素之後
對於非浮層元素，避免設定 z-index 值，z-index 值沒有任何道理需 要超過 2
對於浮層元件，可以通過層級計數器來進行管理
相關推薦
CSS進階（十二）層疊上下文和層疊水平
z-index影響的是定位元素及flex盒子的孩子元素 層疊優先順序 層疊準則 （1）z-index大的在上 （2）同一層級下，後者覆蓋前者 層疊上下文 （1）頁面根元素是根層疊上下文 （2）對於position為absolute/relative以及firefox下position為fix
CSS進階（十一）position:fixed
容器 hid ali overflow lin 元素 -a idt fixed 固定定位元素的包含快是根元素 類似於無依賴的絕對定位，利用無依賴的固定定位也可以在元素內部實現一個fixed定位 <div class="father"> <div cla
CSS進階（十四）font-family
中文 class 技術分享 png clas info pre 寬度 空格 font-family font-family: serif; /* 襯線字體 */ font-family: sans-serif; /* 無襯線字體 */ font-family支持字體族
CSS進階（十九）文本控制
bre spa div 切換效果 nowrap align 分隔 下劃線 效果 text-indent 應用 （1）使用 text-indent 負值隱藏文本內容，例如網站標頭 （2）使用text-indent的百分比值來實現寬度已知的內聯子元素居中 letter-spac
CSS進階（十九）文字控制
text-indent 應用 （1）使用 text-indent 負值隱藏文字內容，例如網站標頭 （2）使用text-indent的百分比值來實現寬度已知的內聯子元素居中 letter-spacing 應用 （1）清除 inline-block 列表由於換行符或者空格產生的空白間隙，使我們的佈局控
CSS進階（十八）@font-face
@font-face { font-family: 'example'; src: url(example.ttf); font-style: normal; font-weight: normal; unicode-range: U+0025-00FF; font-variant: sma
CSS進階（十六）font
[ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] font-size 和 font-family 這兩個屬性需要同時存在 注意 font中如果未聲命line-height
CSS進階（十五）font-weight；font-style;font-variant
/* 平常用的最多的 */ font-weight: normal; font-weight: bold; /* 相對於父級元素 */ font-weight: lighter; font-weight: bolder; /* 字重的精細控制 */ font-weight: 100; font-weig
【譯】索引進階（十二）：SQL SERVER中的索引碎片【下篇】
div 外部 tor color 掃描 sql pan 討論 介紹 為了討論碎片產生的原因，以及避免和移除索引碎片的技術，我們必須從本進階系列後續將介紹的兩個章節借用一些知識點：創建/更新索引的知識，以及向一個索引表插入數據行的相關知識。 當我們講解這些信息的時候，記住本
CSS進階（十）position:relative
ati 進階 最小化 相對 pan style 而不是 原則 round 定位位移相對於自身進行偏移定位 相對定位元素的 left/top/right/bottom 的百分比值是相對於包含塊計算的，而不是自身 與絕對定位元素的對立方向不同，top/bottom 同時使 用的
java程式設計師菜鳥進階（十四）linux基礎入門（二）linux檔案及目錄命令管理
大家都知道，熟悉命令操作的開發人員，Linux作業系統命令操作效率要高於圖形介面的操作，所以瞭解和學習linux基本命令操作是學習linux作業系統的首要任務，本文主要介紹以下四個知識點： 1. She
PHP系列（十二）數據庫抽象層pdo
pdo1、數據庫抽象層pdo(1)、PDO(php data object)擴展類庫為php訪問數據庫定義了輕量級的、一致性的接口它可以支持mysql,postgresql,oracle,mssql等多種數據庫(2). PDO的安裝編輯php.ini文件:– extension=php_pdo.dll– ex
java程式設計師菜鳥進階（十七）linux基礎入門（五）linux檔案/目錄的許可權和歸屬管理
在linux中的每一個檔案或目錄都包含有訪問許可權，這些訪問許可權決定了誰能訪問和如何訪問這些檔案和目錄。相應的每一個檔案和目錄都有所屬的屬主和屬組，合理的設定檔案和目錄的屬組和屬主在檔案/目錄管理中佔據著很重要的地位，所以，今天我就和大家一起來看一下有關檔案/目錄的許可權和歸屬的相關設定
java程式設計師菜鳥進階（十六）linux基礎入門（四）linux下VIM文字編輯器使用
linux下編寫配置檔案最好的編輯工具莫過於vim了。Vim的功能實在太多太全，Vim的很多功能也許我們很少用得到，真正為大家常用的功能可能只佔到所有功能的冰山一角。Vim終歸只是一個編寫程式碼或編輯文件的工具，所以只要掌握一些足夠我們使用的功能即可。 做個廣告
java程式設計師菜鳥進階（十五）linux基礎入門（三）linux使用者和組管理
我們大家都知道，要登入linux作業系統，我們必須要有一個使用者名稱和密碼。每一個使用者都由一個惟一的身份來標識,這個標識叫做使用者ID.系統中的每一個使用者也至少需要屬於一個"使用者分組".同樣,使用者分組也是由一個惟一的身份來標識的,該標識叫做使用者分組ID(GID).每位使用者的許可
SQL Server進階（十五）常用函式
在SQL 2012基礎教程中列出子句是按照以下順序進行邏輯處理。 FROM WHERE GROUP BY HAVING SELECT ORDER BY IF EXISTS (SELECT 1 FROM Ta
SQL Server進階（十五）常用函數
mon har 標量 reat 類型 rom 入參 bold 常用函數 在SQL 2012基礎教程中列出子句是按照以下順序進行邏輯處理。 FROM WHERE GROUP BY HAVING SELECT ORDER BY
CSS進階（終章）—— CSS世界流向的掌控者direction和writing-mode
人往高處走，水往低處流，CSS世界亦是如此嗎？至今為止，我們討論的CSS似乎一直遵循不知從什麼時候就印在腦子裡的“從左往右，從上往下”原則。這可能和我們日常的讀寫順序相關，我們看文章的時候習慣從左往右，從上往下進行閱讀。然而CSS世界的流向並不是固定的，只需要幾條宣告，就可以改變C
Python學習（十二）文件操作和異常處理以及使用json存儲數據
ice 情況 dataset visio 獲取 大致 一個 百萬 能夠 Python 文件操作和異常處理 Python 文件操作 文件操作步驟 打開文件，打開方式（讀寫） open(file_name) 操作文件（增刪改查） 關閉文件, file_name.cl
Internet Explorer 程式設計簡述（十二）正確地設定和轉移焦點
處理瀏覽器的按鍵也曾是嵌入WebBrowser控制元件的程式設計難題之一，Delphi對WebBrowser的封裝對按鍵的支援就存在很大問題。在《Programming Internet Explorer》中曾提到的方法是處理MainFrame的PreTranslateMessage，並在其中從WebBrow