台部落毛三十

1 概述 1.1 前言選擇器是CSS的核心組件。本文依據W3C的Selectors Level 4規範，概括總結了Level1-Level4中絕大多數的選擇器，並做了簡單的語法說明及示例演示。希望對程序員有所助益。 2 元素選擇器 2.1

2019-04-11 13:14:19

引言對我來說，table 有一個非常有用，支持性也很好的 CSS 屬性，但它卻很少爲人所知。它改變了表格的渲染方式，並生成一個更加穩定可靠的佈局。它就是： table { table-layout: fixed; } table-l

2019-02-22 14:48:39

2018-09-11 09:15:36

簡言在做用戶實名驗證時，常會用到×××號碼的正則表達式及校驗方案。本文列舉了兩種驗證方案，大家可以根據自己的項目實際情況，選擇適合的方案。身份證號碼說明居民身份證號碼，正確、正式的稱謂應該是“公民身份號碼”。根據【身份證國家標

2018-09-11 09:15:34

簡言在做用戶實名驗證時，常會用到身份證號碼的正則表達式及校驗方案。本文列舉了兩種驗證方案，大家可以根據自己的項目實際情況，選擇適合的方案。身份證號碼說明居民身份證號碼，正確、正式的稱謂應該是“公民身份號碼”。根據【中華人民共和國國

2018-09-05 00:47:27

簡言 CSS網格佈局（Grid）是一套二維的頁面佈局系統，它的出現將完全顛覆頁面佈局的傳統方式。傳統的CSS頁面佈局一直不夠理想。包括table佈局、浮動、定位及內聯塊等方式，從本質上都是Hack的方式，並且遺漏了一些重要的功能（比如：

2018-09-05 00:47:26

引言對我來說，table 有一個非常有用，支持性也很好的 CSS 屬性，但它卻很少爲人所知。它改變了表格的渲染方式，並生成一個更加穩定可靠的佈局。它就是： table { table-layout: fixed; } table-

2018-09-05 00:47:26

簡言在表單驗證中，經常會用正則表達式做出生日期校驗。本文把出生日期分割成幾個部分，分步地介紹了實現一個出生日期校驗的完整過程。相信您在理解了本篇的內容後，對如何編寫和如何應用正則表達式會有進一步的理解和體會。聲明：本文目的是爲了闡述

2018-09-05 00:47:25

簡言用正則表達式做用戶密碼強度的通過性判定，過於簡單粗暴，不但用戶體驗差，而且用戶帳號安全性也差。那麼如何準確評價用戶密碼的強度，保護用戶帳號安全呢？本文分析介紹了幾種基於規則評分的密碼強度檢測算法，並給出了相應的演示程序。大家可以根據自

2018-09-05 00:47:24

簡言總是喜歡簡單又精緻的東西，美的不繁複也不張揚。這是悶騷程序員的癖好麼？閒來無事，把收集到的部分WEB組件整理彙總一下，攢一個逼格高一點的網站夠了吧？ 1 表單(form)相關 1.1 輸入框(input) 一個簡單的輸入框樣式，簡捷

2018-08-30 13:35:28

簡言目前最優雅地實現多重邊框的方案是利用CSS3 的 box-shadow屬性，但如果要兼容老的瀏覽器，則需要選擇其它的方案。本文簡要地列舉了幾種多重邊框的實現方案，大家可以根據項目實際及兼容性要求等情況，選擇最適合的實現方案。 1 利

2018-08-30 13:35:28

簡言應用象EM 和 REM這種相對長度單位進行頁面排版是WEB開發中的最佳實踐。在頁面排版中較好應用EM 和 REM，根據設備尺寸縮放顯示元素的大小。這就使得組件在不同設備上都達到最佳的顯示效果成爲可能。但問題是究竟該用 EM 還是 R

2018-08-30 13:35:16

簡言在表單驗證中，經常會用正則表達式做出生日期校驗。本文把出生日期分割成幾個部分，分步地介紹了實現一個出生日期校驗的完整過程。相信您在理解了本篇的內容後，對如何編寫和如何應用正則表達式會有進一步的理解和體會。聲明：本文目的是爲了闡述如

2018-08-30 13:35:16

前言設計師可以分爲如下兩類：先做好設計，然後將內容放入靜態框架中優秀的設計師充分考慮內容的各個方面及其上下文，並創建適合於內容的設計 HTML原生就是響應式的（HTML內容在視口內流式的分佈）。隨着CSS的廣泛應用，設計者創建了許

2018-08-30 13:35:16

簡言 CSS居中是前端工程師經常要面對的問題，也是基本技能之一。今天有時間把CSS居中的方案彙編整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15種。如有漏掉的，還會陸續的補充進來，算做是一個備忘錄吧。 1 水平居中 1.1

2018-08-30 13:35:15