用戶中心USER CENTER
摘要：瀏覽器內核又叫渲染引擎，主要負責的解析，頁面布局渲染與復合層合成。頁面呈現原理規范定義了的詞法及語法文法。解析器使用和解析生成器從語法文件中自動生成解析器。回憶一下解析器的介紹，創建一個自底向上的解析器，使用自頂向下解析器。 瀏覽器內核又叫渲染引擎，主要負責 HTML、CSS 的解析，頁面布局、渲染與復合層合成。瀏覽器內核的不同帶來的主要問題是對 CSS 的支持度與屬性表現差異。 we...
摘要：簡評是一種很耗時的操作，如果有良好的命名規范可以節約很多的時間。一些團隊使用連字符分隔符，而其他團隊則傾向于使用更加結構化的稱為的命名規范。一般來說，命名規范有三個問題要解決能夠通過名字就能清楚選擇器的功能。 簡評：Debug CSS 是一種很耗時的操作，如果有良好的命名規范可以節約很多的 Debug 時間。 使用連字符（-）分隔字符串 你可能習慣了在 Javascript 中使用小駝...
摘要：原本自己也想畫，正巧看到一位外國友人她的個人網站。也用相同的方法畫了。且細節相當到位。在此我也分享一下。第三步蝴蝶結第四步身體經過前幾次的學習之后，畫身體應該沒什么難度了吧，都是用各種形狀的圓組成的。收工歡迎大家吐槽 原本自己也想畫Hello Kitty，正巧看到一位外國友人Lauren McConachie（她的個人網站： http://lorenai.com。）也用相同的方法畫了。...
摘要：裁剪路徑可以將如或自由變化的應用于任何元素。元素中不在形狀邊界內的任何內容都將被裁剪刪除掉。例如，我們可以從內容隱藏完全裁剪開始，并增大裁剪路徑以顯示其中的內容。 隨著瀏覽器對shape-outside和clip-path等屬性的支持增加，CSS Shapes越來越受到關注。有幾種方法可以使用CSS Shapes，特別是clip-path屬性，乍一看我們并不知道這個屬性如何使用，下面就...
摘要：第一種方式第二種方式 1.extend /* extend */ ul { &:extend(.inline); background: blue; } .inline { color: red; } output: /* extend */ ul { background: blue; } .inline, ul { color: red; } 1.1 Ext...
