原创 禁止鼠標拖動圖片在新窗口打開

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

原创 Bootstrap柵格系統

在學習前端的過程中,以前的佈局都是通過css裏面的position或者margin來調整佈局。最近學習了幾種佈局方法。這些佈局方法有Bootstrap柵格系統、聖盃佈局、負邊距佈局。今天先講講Bootstrap柵格系統。Bootstrap柵

原创 Bootstrap3.0 柵格系統背後的精妙魔法(Bootstrap3.0的柵格佈局系統實現原理)

本文主要講解了Bootstrap3.0的柵格佈局系統實現原理,以及使用過程中應該注意的問題。開始...翻譯..像CSS柵格系統原理這類東西本應該藏在簾子後面,你直接用就可以了,沒必要去了解其背後的工作原理,除非你有了比較爛的設計或者一些比較

原创 html代碼用js實現複用

    作爲前端開發人員,大家都會碰到的一個問題就是重複的代碼怎麼處理,如果總是複製粘貼,會使得代碼顯得非常的龐大,不易讀。雖然有一些語言如node.js可以模塊化管理,但是用js或者jquery實現既簡單又可以面對其他環境搭建的時間。假如

原创 前端技術-佈局解決方案

原文                 http://www.cnblogs.com/jingwhale/p/4753686.html            一、居中佈局1.水平居中行內元素如果被設置元素爲  文本、圖片 等行內元素

原创 Bootstrap 柵格系統簡介

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

原创 margin系列之百分比

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

原创 sass用法指南

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

原创 Bootstrap自動適應PC、平板、手機的Bootstrap柵格系統

柵格系統英文爲“grid systems”,也有人翻譯爲“網格系統”,運用固定的格子設計版面佈局,其風格工整簡潔,在二戰後大受歡迎,已成爲今日出版物設計的主流風格之一。1692年,新登基的法國國王路易十四感到法國的印刷水平差強人意,因此命令