原创 垂直居中-父元素高度確定的多行文本(方法一)

父元素高度確定的多行文本、圖片、塊狀元素的豎直居中的方法有兩種: 方法一:使用插入 table (包括tbody、tr、td)標籤,同時設置 vertical-align:middle。 說到豎直居中,css 中有一個用於豎直居中的

原创 自由縮放屬性resize

爲了增強用戶體驗,CSS3增加了很多新的屬性,其中resize就是一個重要的屬性,它允許用戶通過拖動的方式來修改元素的尺寸來改變元素的大小。到目前爲止,可以使用overflow屬性的任何容器元素。 在此之前,Web設計師爲了要實現

原创 Ajax入門必知

原始的Ajax 1,創建XMLHttpRequest對象的實例  var xmlHttpReq; if (window.ActiveXObject){ xmlHttpReq = new ActiveXObject("Microsoft

原创 垂直居中-父元素高度確定的單行文本

父元素高度確定的單行文本的豎直居中的方法是通過設置父元素的 height 和 line-height 高度一致來實現的。如下代碼: <div class="container"> hi,imooc! </div> css代

原创 水平居中設置-定寬塊狀元素

當被設置元素爲塊狀元素時用 text-align:center 就不起作用了,這時也分兩種情況:定寬塊狀元素和不定寬塊狀元素。這一小節我們先來講一講定寬塊狀元素。 滿足定寬和塊狀兩個條件的元素是可以通過設置“左右margin”值爲

原创 Jquery的$.ajax( options )方法

通過 HTTP 請求加載遠程數據,jQuery 的底層 Ajax 實現。 1,$.ajax()方法是jQuery中最底層的Ajax實現,load()、$.get()、$.post()、$.getScript()和$.getJSON(

原创 垂直居中-父元素高度確定的多行文本(方法二)

在 chrome、firefox 及 IE8 以上的瀏覽器下可以設置塊級元素的 display 爲 table-cell,激活 vertical-align 屬性,但注意 IE6、7 並不支持這個樣式。 html代碼: <div

原创 一篇讀懂CSS佈局模型

CSS包含3種基本的佈局模型,用英文概括爲:Flow、Layer 和 Float。在網頁中,元素有三種佈局模型:1、流動模型(Flow)2、浮動模型 (Float)3、層模型(Layer) 流動模型(一) 先來說一說流動模型

原创 塊級元素

什麼是塊級元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是塊級元素。設置display:block就是將元素顯示爲塊級元素。如下代碼就是將內聯元素a轉換爲塊狀元素,從而使a元素具有塊狀元素特點

原创 jQuery 中的 DOM 操作

DOM(Document Object Model—文檔對象模型),DOM 操作的分類: DOM Core: DOM Core 並不專屬於 JavaScript, 任何一種支持 DOM 的程序設計語言都可以使用它. 它的用途並非僅限於處理

原创 水平居中總結-不定寬塊狀元素方法(三)

方法三:通過給父元素設置 float,然後給父元素設置 position:relative 和 left:50%,子元素設置 position:relative 和 left:-50% 來實現水平居中。 代碼如下: <body>

原创 內聯塊狀元素

內聯塊狀元素(inline-block)就是同時具備內聯元素、塊狀元素的特點,代碼display:inline-block就是將元素設置爲內聯塊狀元素。(css2.1新增),<img>、<input>標籤就是這種內聯塊狀標籤。 i

原创 水平居中總結-不定寬塊狀元素方法(一)

在實際工作中我們會遇到需要爲“不定寬度的塊狀元素”設置居中,比如網頁上的分頁導航,因爲分頁的數量是不確定的,所以我們不能通過設置寬度來限制它的彈性。 不定寬度的塊狀元素有三種方法居中(這三種方法目前使用的都比多): 加入 table

原创 內聯元素

在html中,<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的內聯元素(行內元素)(inline)元素。當然塊狀元素也可以通過代碼display:inline將元素設置爲內聯元