CSS3 pointer-events允許鼠標點擊穿透后面的元素 CSS新屬性pointer-events：字面理解是點擊鼠標事件，值分別是auto和none。 css超出隱藏。當使用pointer-events:none,表示它將捕獲不到任何點擊，而只是讓事件穿透到它的下面。代碼如下： <style&g

? 原貼地址：http://parandroid.com/css-sticky-footer/ ? 在帕蘭映像中看到一篇好文，將它轉貼到這兒。 css底部固定，CSS的簡單在于它易學，CSS的困難在于尋找更好的解決方案。在CSS的世界里，似乎沒有完美這種說法。所以，現在介紹的CSS絕對

// 寬高比在((320/50)+(728/90))/2 兩個尺寸中間值以內 適配 320*50 設計圖樣式@media screen and (min-aspect-ratio: ~"249/50") and (max-aspect-ratio: ~"29/4"){@base: 320;css selector？@convert: 375/@base;.container{width: 10

純CSS的方法解決文字溢出與截斷的問題 參考文章： （1）純CSS的方法解決文字溢出與截斷的問題 表示溢出的字、（2）https://www.cnblogs.com/ilian/archive/2012/06/07/css-deal-word-overflow.html （3）https://www.javazxz.com/

做前端多年，雖然不是經常需要hack，但是我們經常會遇到各瀏覽器表現不一致的情況。基于此，某些情況我們會極不情愿的使用這個不太友好的方式來達到大家要求的頁面表現。我個人是不太推薦使用hack的，要知道一名好的前端，要盡可能不使用hack的

需要用到的圖標 實現原理 關鍵屬性是 text-overflow: clip;，表示直接截斷文本。我們經常用這個屬性的另一個值 text-overflow: ellipsis; 來做省略表示。 先平鋪5個空心的圖標 再層疊5個實心圖標，控制實心圖標的寬度來達到截斷效果，結合 overflow:hidden

word-wrap属性用来设置是否允许长单词或 URL 地址在容器的边界处自动换行，取值为 normal | break-word，默认值为 normal。 normal 表示只允许在半角空格或连字符的地方换行，如果没有半角空格或连字符，则长单词或 URL 地址会撑大容器或溢出到容器的

警告框的外观 Bootstrap还提供了 3 个可选的情景类 .alert-error、.alert-success 和 .alert-info，用于改变警告框和警告块的背景颜色，以及警告框和警告块中的文本颜色，通过颜色来暗示警告框和警告块的上下文场景。如： <div class="al

Less 和 Sass 中的操作符 为了提高可读性，在圆括号中的数学表达式的数值、变量和操作符之间，均添加一个空格。 // Bad example.element { margin: 10px 0 @variable*2 10px;}// Good example.element { margin: 10px 0 (@variable * 2) 10px;}关于作者歪

徽章 Bootstrap提供的徽章，非常适合显示计数结果等内容，它的基本样式通过 .badge类实现，默认以带有圆角和背景的椭圆呈现。如： <ahref="#">Inbox<spanclass="badge">42</span></a><buttoncla