原创 CSS3詳解:background

CSS3對於background做了一些修改,最明顯的一個就是採用設置多背景,不但添加了4個新屬性,並且還對目前的屬性進行了調整增強。1、多個背景圖片在css3裏面,你可以再一個標籤元素裏應用多個背景圖片。代碼類似與css2.0版本的寫法,

原创 Bootstrap 柵格系統簡介

目錄1、簡介2、柵格選項3、列偏移4、嵌套列5、列排序1、簡介Bootstrap內置了一套響應式、移動設備優先的流式柵格系統,隨着屏幕設備或視口(viewport)尺寸的增加,系統會自動分爲最多12列。它包含了易於使用的預定義classe,

原创 margin系列之百分比

你可能從沒注意過它在 margin系列之keyword auto 中,說過了 margin 值爲 auto 的情況,這次要聊的是值爲百分比的情形。我必須承認這是一個非常基礎的知識點,但有一段時間我發現很多人對此有錯誤的認知。偶爾在面試或者分

原创 CSS3的calc()使用

    由於看到火狐主頁裏面的排版竟然用到了calc,所以就好奇研究了一下。calc()能做什麼?calc()能讓你給元素的做計算,你可以給一個div元素,使用百分比、em、px和rem單位值計算出其寬度或者高度,比如說“width:cal

原创 sass用法指南

學過CSS的人都知道,它不是一種編程語言。你可以用它開發網頁樣式,但是沒法用它編程。也就是說,CSS基本上是設計師的工具,不是程序員的工具。在程序員眼裏,CSS是一件很麻煩的東西。它沒有變量,也沒有條件語句,只是一行行單純的描述,寫起來相當

原创 js返回上一頁效果

<a href="javascript:history.go(-1);">返回</a>history.back(-1):直接返回當前頁的上一頁,會刷新,如果是表單頁數據會被初始化即全部消失,如果是(1)頁面會前進。history.go(-1