Time of Update: 2016-08-12
CSS常用樣式(二),css樣式一、邊框屬性1、border:複合屬性。設定對象邊框的特性。 取值: border-width: 設定或檢索對象邊框寬度。 border-style: 設定或檢索對象邊框樣式。 border-color: 設定或檢索對象邊框顏色。#border4 { width: 100px; height: 100px; border:1px solid #FF0000; }<div
Time of Update: 2016-08-12
link與@import的區別,link@import區別 我們都知道link與@import都可以引入css樣式表,那麼這兩種的區別是什麼呢?先說說它們各自的連結方式,然後說說它們的區別~~~ link鏈入的方式:<link rel="stylesheet" type="text/css" href="index.css"> @import匯入的方式: <style
Time of Update: 2016-08-12
CSS知識總結(五),css知識總結CSS常用樣式 3.邊框樣式 1)邊框線 border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset |
Time of Update: 2016-08-11
使用BootStrap製作使用者登入UI,bootstrapui先看看勞動成果布局左右各一半(col-md-6)左側登入框占左側一半的10/12右側是登入系統的注意事項使用到的BootStrap元素well輸入框組(input-group)按鈕(btn-success)HTML代碼<div class="row" style="margin-top:30px;"><div class="col-md-6" style="border-ri
Time of Update: 2016-08-11
關於文字垂直置中,文字垂直置中很多時候布局中需要文字垂直置中,有個CSS屬性:vertical-align: middle;該屬性在table裡用是有效果的,很多區塊層級元素沒反應。這裡有2個屬性可以類比table,來讓vertical-align: middle屬性生效。display: table和display: table-cell;很簡單父級元素給固定寬高加上屬性display: table,子級元素給屬性display: table-cell和vertical-align:
Time of Update: 2016-08-11
今日例子border,今日borderborder這個屬性在頁面上的使用率還是很高,例如我們需要理解的盒模型就需要對border有個比較深的理解,如果你會盒模型,但對border沒有深的理解,那隻能說你只是知道盒模型,而不是懂得盒模型,因為學習盒模型的過程中必須懂border。那麼border有什麼屬性呢?Border-widthBorder-styleBorder-color上面的是四個邊的,還可以再分細到每個邊。border-leftborder-rightborder-topborder-
Time of Update: 2016-08-08
html元素溢出問題,html元素溢出我是一個初識html基礎的菜鳥,讓我感受部落格園的大愛吧!下面這個問題是建立在我對html現階段理解的程度上遇到的一個 元素溢出問題,希望能得到老鳥的指點。問題如下:希望有對該問題的多種不同解決方案,和網頁布局建議(希望有乾貨)。問題2:新手上路,很多企業級前端問題充斥大腦,全是問號,經驗是在工作中積累和沉澱出來的,在我步入前端的行列上希望有高手能推薦一些現在企業中比較常用的架構和學習方法。
Time of Update: 2016-08-08
用css 製作三角,css製作三角html代碼:<div class="div"></div>css代碼:.div{border-top:40px solid #ff0077;border-left:40px solid #004444;border-bottom:40px solid #999999;border-right:40px solid #333333;height: 0px;width:
Time of Update: 2016-08-08
頁面配置一,頁面配置先分析做題思路一、布局1.因為剛剛學到表格版面配置,所以首先把頁面劃分為幾個部分2.經過觀察,發現這個表格可以分為6行,先把table和tr弄好3、把每一行的元素寫上(1)第一行 可以分為兩列第一列:一張圖片第二列:一行超連結(我用p包含),自動換行後,一個輸入框,一個普通按鈕(2)第二行 是一個儲存格先是一個<hr/>標籤下面一行裡面6個超連結,在一行,我自己的思路總習慣用p標籤包著(3)第三行 是一張圖片(4)第四行
Time of Update: 2016-08-04
中國移動官網自編,中國移動官自編原始碼:<!DOCTYPE html><html><head><title>中國移動官方網站</title><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"><link rel="shortcut icon" type="" href="favicon.ico">&
Time of Update: 2016-07-30
關於HTML面試題匯總之H5,試題匯總h5一、H5有哪些新特性,移除了哪些元素?如何處理h5新標籤的瀏覽器安全色性問題,如何區分html和html51. html5不在是SGL(通用標記語言)的一個子集,而包含了:映像、位置、儲存、多任務等功能2.
Time of Update: 2016-07-29
js基於cookie記錄來賓姓名的方法,jscookie記錄來賓本文執行個體講述了js基於cookie記錄來賓姓名的方法。分享給大家供大家參考,具體如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2016-07-29
如何在JS中實現相互轉換XML和JSON,js相互轉換xmljson開發中有時候會遇到XML和JSON相互轉換,要求在JS中使用,網上找了好多,竟然每一個好用的,要麼缺胳膊少腿,要麼詞不達意,太沒天理了,果斷自己實現一個。JSON與XML的區別比較1.定義介紹(1).XML定義擴充標記語言 (Extensible Markup Language, XML) ,用於標記電子檔案使其具有結構性的標記語言,可以用來標記資料、定義資料類型,是一種允許使用者對自己的標記語言進行定義的源語言。
Time of Update: 2016-07-29
Nodejs從有門道無門菜鳥起飛必看教程,nodejs門道這是一篇菜鳥教程,這是一篇菜鳥教程,如果你是菜鳥到話。簡單來說Nodejs並不是一門新的語言,但是它可以讓我們的JS運行在伺服器端,在伺服器端寫JS代碼並且輸入輸出,也就是說以後要是有人問你JS是不是只能運行在瀏覽器中,你千萬別說,唉,是啊。記得剛開始學HTML,CSS,JS的時候第一印象就是下載各種瀏覽器,因為相容問題T_T,不過現在有個好訊息學Nodejs它並沒有相容問題。如果你想知道為什麼Nodejs沒有相容問題,那你的先清楚前端為
Time of Update: 2016-07-29
javascript特效實現——目前時間和倒計時效果的簡單一實例,javascript目前時間這個效果的實現關鍵是對Date對象和setTimeout的使用。一共有三個例子,HTML結構如下,就不添加CSS樣式了。<body> 目前時間:<p id="p1"></p> 高考倒計時:<p id="p2"></p> 限時搶購:<p
Time of Update: 2016-07-29
jQuery
Time of Update: 2016-07-29
Javascript字串常用方法詳解,javascript字串字串字串就是一個或多個排列在一起的字元,放在單引號或雙引號之中。'abc'"abc"length屬性js裡的字串類似於數組,都是一個一個字元拼湊在一起組成的,因此可以用length屬性取得字串的長度var str = "hello"str.length; // 5字串常用的一些方法1. charAt()str.charAt(n)=> 返回字串的第 n 個字元,如果不在 0~str.length-1之間,則返回一個Null
Time of Update: 2016-07-29
jquery checkbox無法用attr()二次勾選問題的解決方案,jqueryattr今晨,漂亮的測試妹妹提了個奇怪的bug,說我一功能checkbox時隱時現,比如第一次開啟有勾選,第n次開啟可能就不選了。想到與美女有親密接觸機會,馬上雞動起來。經過偶層層抽次剝繭(da da jiang you),終於知道了原因:attr()在二次選中勾選框時,失效。比如,如下HTML頁面,一點【選中】、二點【取消選中】、三點【選中】,瞧,不行了唄。1.html<!doctype html>
Time of Update: 2016-07-29
js事件驅動機制 瀏覽器安全色處理方法,js處理方法3.1. 事件是如何產生的 *第一種情況,使用者對網頁做了某些操作,比如,點擊了一個按鈕,產生點擊事件。 第二種情況,使用者沒有對網頁做操作,也可能產生事件,比如瀏覽器已經將整個頁面載入完畢,會產生載入完成事件。當事件產生以後,瀏覽器會尋找產生事件的節點有沒有綁訂相應的事件處理代碼。如果有,則調用該代碼來處理。如果沒有,會繼續向上尋找父節點,有沒有對應的事件處理代碼(事件冒泡)。3.2. 綁訂事件處理代碼 **1)
Time of Update: 2016-07-29
js的各種排序演算法實現(總結),js排序演算法總結如下所示:// ---------- 一些排序演算法var Sort = {}Sort.prototype = { // 利用sort進行排序 systemSort:function(array){ return array.sort(function(a, b){ return a - b; }); }, // 冒泡排序 bubbleSort:function(array){