JavaScript

CSS實現的多行文本垂直置中執行個體代碼，css多行CSS實現的多行文本垂直置中執行個體代碼:將一行文本在容器中垂直置中是非常簡單的，只需要兩句代碼就好了，例如:div{ width:100px; height:100px; line-height:100px;}以上代碼可以實現單行文本在div中垂直置中效果，只要將div的height屬性值和line-height設定為相同就可以了。但是以上代碼並不能實現多行文本垂直置中下過，下面再看一段代碼執行個體:<!DOCTYPE html&

css hack 大全，csshack各個瀏覽器的css hack區別屬性：IE6： _zoom:1;IE6/7： *zoom:1;IE6/7/8/9 ：\9各個瀏覽器的css hack區別規則IE6： *html{}IE7： +.class{}非IE6： html>body {}僅Firefox：@-moz-document url-prefix(){}saf3+和Google：@media all and (-webkit-min-device-pixel-

love 玫瑰花，love<!doctype html><html><head><title>Love</title><meta charset="utf-8" /><!--[if IE]> <script

Bootstrap--組件之按鈕組，bootstrap--組件什麼是按鈕組呢？簡單解釋：就是把一堆的按鈕放在一行或者一列中。下面來看一個執行個體。按鈕組嘛，首先是按鈕，所以會用到.btn這個類，還有就是bootstrap提供的按鈕組.btn-group這個類，所以是很簡單的，以下是bootstrap中文網提供的簡單的例子<div class="btn-group" role="group" aria-label="..."> <button type="button"

html常用標籤0，html標籤HTML     排版標籤：1.<p> 段落標籤　　　　　　 2.<br>換列標籤　　　　　　 3.<hr>在頁面中顯示一條線　塊級標籤:  1.<div></div>　塊級標籤  會換行　　　　　　 2.<span></span>行內標籤 不換行   字型標籤:  1.<font><

Mac下sublime text 的“package control”安裝，sublimepackage小夥伴們好，我根據昨晚的經曆寫一個小總結：關於“Mac下sublime text 的“package control”安裝”。本來安裝package control是一個無比簡單的事情，即使是初次使用sublime text的小夥伴也可以在百度輕易地找到安裝方法。可是吧，偉大的天朝竟然把package

IE6相容inline-block的方法，ie6相容inline-block或許有朋友會對IE不支援 display:inline-block 屬性，表示疑問或者反對。說：“我在 IE 中對 a 或者 span 等內嵌元素使用 display:inline-block 一直是有效”。其實不然，在IE中對內嵌元素使用 display:inline-block，IE 是不識別的，但使用 display:inline-block 在 IE 下會觸發 layout，

Css3炫酷總結使用，css3炫酷總結先從CSS3的選取器說起： 　  　　E F：所有的子孫元素；　　E>F: E中的子項目；　　E+F：E元素之後的最近的選取器；　　E~F：E中所以後面兄弟元素（CSS3 不包括自己本身，前面也不包括）　　att*=val:只要包含指定的元素符（val1 val2 等等都算）； 　　att^=val：首字元匹配；　　att$=val：尾字元匹配；　　att~=val：用空格分隔，且其中一個是val；　　att|=val：以val開頭並用"-"

Sitecake – 可視化編輯，所見即所得 (WYSIWYG)的 CMS，sitecakecms　　Sitecake 是一個便於使用的，用於製作小型網站的 CMS（內容管理系統）。提供所見即所得 (WYSIWYG)、拖拽操作的編輯器。只需要安裝標準的虛擬機器主機包（Web伺服器和 PHP 5.4+）就可以了。Sitecake 儲存所有更改直接在 HTML 頁面，所有圖片儲存在檔案系統，完成編輯後就是一個靜態網站。  線上示範     

20、CSS，20cssCSS層疊樣式表（Cascading Style Sheets）。用於定義顯示HTML樣式。DIV和SPANdiv是區塊層級元素。span是行級元素。將一些頁面中的內容包裹起來統一設定樣式。CSS文法特徵：值；CSS嵌入頁面的三種方式行內樣式<div style="color:red;">這是紅色的字。</div>頁內樣式<style

CSS BFC(Block Formatting Context)，bfcformattingBFC的定義是 W3C CSS 2.1 規範中的一個概念，它決定了元素如何對其內容進行定位，以及與其他元素的關係和相互作用。在建立了 Block Formatting Context 的元素中，其子項目會一個接一個地放置。垂直方向上他們的起點是一個包含塊的頂部，兩個相鄰的元素之間的垂直距離取決於 ‘margin’ 特性。在 Block Formatting Context

input文字框實現寬度自適應代碼執行個體，input文字框，input文字框  本章節介紹一下如何讓一個文字框的寬度能夠隨著文字框中的內容的寬度增長而增長，也就是能夠實現寬度自適應效果。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.100sucai.com"

WEB前端常用的測試載入器，WEB常用測試載入器一、QUnit 前端測試載入器QUnit是一個強大的JavaScript單元測試架構，該架構是由jQuery團隊的成員所開發，並且是jQuery的官方測試套件。Qunit是Jquery的單元測試架構，並且被廣泛使用在各個項目中。為了使用Qunit，你僅僅需要去包含2個Qunit檔案在你的Html頁面。Qunit 包含了qunit.js 作為運行器和測試架構，和qunit.css

初識http2.0，http2.0初識http2.0HTTP2.0效能增強核心：二進位分幀HTTP 2.0最大的特點： 不會改動HTTP 的語義，HTTP 方法、狀態代碼、URI 及首部欄位，等等這些核心概念上一如往常，卻能致力於突破上一代標準的效能限制，改進傳輸效能，實現低延遲和高輸送量。而之所以叫2.0，是在於新增的二進位分幀層。既然又要保證HTTP的各種動詞，方法，首部都不受影響，那就需要在應用程式層(HTTP2.0)和傳輸層(TCP or

Sublime Text使用心得（一），sublime使用心得　　以前寫web前端樣式都是用eclipse、myeclispe這些IDE開發工具，現在想純粹的寫點HTML的東西，一心想找一個輕量的編輯器，這樣能夠隨手開啟編寫，方便平時業餘學習。網上搜羅了一堆編輯器，最後看上了Sublime

jQuery實現動態添加和刪除一個div，jquery實現動態div 本文主要給大家簡單介紹一下如何動態在一個元素添加和刪除div,希望能夠得到舉一反三之效。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">#father{ width:150px; height:150px;

css圖片響應式+垂直水平置中2，css置中轉載請註明： TheViper http://www.cnblogs.com/TheViper 上一篇說的是限定圖片組最大寬度情況下，其中圖片的響應式+垂直水平置中。實際上，結合本屌的這篇類比flexbox

動態添加JS檔案到頁面，動態添加js頁面 /***** 功能： 載入外部JS檔案，載入完成後執行回呼函數callback***/var utools = { config: { id: "", url: "", charset: "gb2312", callback: function () { } }, merge: function (a, c) { for (var b in c) a[b]

基於Metronic的Bootstrap開發架構經驗總結（1）-架構總覽及菜單模組的處理，metronicbootstrap最近一直很多事情，部落格停下來好久沒寫了，整理下思路，把最近研究的基於Metronic的Bootstrap開發架構進行經驗的總結出來和大家分享下，同時也記錄自己對Bootstrap開發的學習研究的點點滴滴，希望在開一個《基於MVC4+EasyUI的Web開發架構經驗總結》的系列文章，逐步介紹這個響應式架構的點點滴滴。Bootstrap是一個前端的技術架構，很多平台都可以採用

HTML標籤系列（一）——注釋標籤