css是英語Cascading Style Sheets(層疊樣式表單)的縮寫,p+css是網站標準(或稱“WEB標準”)中常用術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為新的網站設計標準中,不再使用表格定位技術,而是採用DIV+CSS的方式實現各種定位。《韓順平 2016年最新p css 基礎視頻教程》是在以html為基礎講解的,是對網頁的排版和布局的基礎的講解。
我們可以簡單的這樣理解p+css: p 是用於存放內容(文字,圖片,元素)的容器。css 是用於指定放在p中的內容如何顯示,包括這些內容的位置和外觀。
課程播放地址:http://www.php.cn/course/433.html
該老師講課風格:
教師講課生動形象,機智詼諧,妙語連珠,動人心弦。一個生動形象的比喻,猶如畫龍點睛,給學生開啟智慧之門;一種恰如其分的幽默,引來學生會心的微笑,如飲一杯甘醇的美酒,給人以回味和留戀;哲人的警句、文化的箴言不時穿插於講述中間,給人以思考和警醒。
本視頻中較為痛點是瀏覽器安全色技巧了:
所謂的瀏覽器安全色性問題,是指因為不同的瀏覽器對同一段代碼有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來查看我們的網站或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。
在學習瀏覽器安全色性之前,我想把前端開發人員劃分為兩類:
第一類是精確按照設計圖開發的前端開發人員,可以說是精確到1px的,他們很容易就會發現設計圖的不足,並且在很少的情況下會碰到瀏覽器的相容性問題,而這些問題往往都死瀏覽器的bug,並且他們製作的頁面後期易維護,代碼重用問題少,可以說是比較牢固放心的代碼。
第二類是基本按照設計圖來開發的前端開發人員,很多細枝末節差距很大,不如間距,行高,圖片位置等等經常會差幾px。某種效果的實現也是反覆調試得到,具體為什麼出現這種效果還模模糊糊,整體布局十分脆弱。稍有改動就亂七八糟。代碼為什麼這麼寫還不知所以然。這類開發人員往往經常為相容性問題所困。修改好了這個瀏覽器又亂了另一個瀏覽器。改來改去也毫無頭緒。其實他們碰到的相容性問題大部分不應該歸咎於瀏覽器,而是他們的技術本身了。
這裡還給大家推薦了源碼資源的下載:http://www.php.cn/xiazai/learn/2125
資源裡面給大家分享了視頻課件以及源碼