Time of Update: 2015-12-24
網頁中匯入特殊字型@font-face屬性詳解,@font-face詳解@font-face是CSS3中的一個模組,他主要是把自己定義的Web字型內嵌到你的網頁中。文法規則首先我們一起來看看@font-face的文法規則:@font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*;
Time of Update: 2015-12-24
為什麼margin的auto屬性值失效了,marginauto屬性值為什麼margin的auto屬性失效了:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。通常情況下,可以使用margin:0px auto將對象設定為水平置中對齊。這是因為auto屬性值能夠使瀏覽器自動為對象判斷外邊距大小,但是在下面的情況下卻失效了。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta
Time of Update: 2015-12-24
javascript 閉包,javascript閉包,是 javascript 中重要的一個概念,對於初學者來講,閉包是一個特別抽象的概念,特別是ECMA規範給的定義,如果沒有實戰經驗,你很難從定義去理解它。因此,本文不會對閉包的概念進行大篇幅描述,直接上乾貨,讓你分分鐘學會閉包!1 閉包--愛的初體驗在接觸一個新技術的時候,我首先會做的一件事就是:找它的demo code。對於碼農們來說,代碼有時候比自然語言更能理解一個事物。
Time of Update: 2015-12-24
CSS的z-index屬性是做什麼用的,CSSz-index屬性CSS的z-index屬性是做什麼用的:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。在網頁製作中,可能有這樣的需求,就是讓幾個層重疊在一起,並且可以指定順序,這時候使用z-index屬性是個不錯的選擇。但是此屬性僅作用於[position屬性值為relative、[absolute或fixed的對象,不會作用於視窗控制項,如select對象。執行個體代碼如下: <!DOCTYPE
Time of Update: 2015-12-24
控制非模態彈出框(showModelessDialog)唯一且隨父頁面關閉,ios模態彈出網站開發中,常常會遇到需要彈出表單的情況,一般彈出框有模態和非模態兩種,如下:模態:window.showModalDialog()非模態:window.showModelessDialog()另外還有window.open
Time of Update: 2015-12-24
easyui防止重複提交及進度條報錯解決: Cannot read property 'onClose' of undefined使用easyui架構 有個缺點就是響應有些慢,比如使用dialog 提交表單的時候可能要經過幾秒才能提交上,如果使用者連續點擊提交按鈕,可能造成重複提交。有個辦法可以解決這個問題,就是使用進度條,也是easyui內建的。像如下這樣: $.messager.progress(); var form =
Time of Update: 2015-12-24
CSS中父物件的內邊距是否對子物件的外邊距造成影響,css對子CSS中父物件的內邊距是否對子物件的外邊距造成影響:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。有時候可能有這樣的疑問,父物件的內邊距padding是否會對子物件的外邊距margin產生影響。下面就來通過執行個體代碼的表現來說明這個問題。執行個體代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta
Time of Update: 2015-12-23
CSS相對定位的參考對象是哪個,CSS定位參考對象CSS相對定位的參考對象是哪個:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。既然是定位,那麼肯定有一個參考對象作為參考,否則就無法使用top、left、bottom和right屬性。之前介紹過絕對位置的參考對象,下面再簡單介紹一下絕對位置對象的參考對象。先看一個沒有使用定位的代碼執行個體: <!DOCTYPE html><html><head><meta charset=" utf-8"
Time of Update: 2015-12-24
CSS瀏覽器安全色性----Hack,css相容性----hackCSS Hack大致有3種表現形式,CSS類內部Hack、選取器Hack以及HTML頭部引用(if IE)Hack,CSS Hack主要針對IE瀏覽器。類內部Hack:比如 IE6能識別底線"_"和星號" * ",IE7能識別星號" * ",但不能識別底線"_",而firefox兩個都不能認識。等等選取器Hack:比如 IE6能識別*html .class{},IE7能識別*+html
Time of Update: 2015-12-24
輕鬆學習JavaScript二十三:DOM編程學習之動作表格一使用HTML標籤建立表格:代碼:人員表姓名性別年齡張三男20李四女22合計:N運行結果:不管使用何種方式建立表格,需要注意的是:(1)caption標籤,thead標籤,tfoot標籤在一個表格中只能有一個(2)tbody標籤,tr標籤,th標籤,td標籤在一個表格中可以有N個二使用DOM建立表格window.onload=function() { var table=document.createElement("
Time of Update: 2015-12-24
如何用CSS控制字的間距,CSS控制字間距如何用CSS控制字的間距:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。有時候預設的字間距並不能夠滿足實際需要,可能需要進行人為的控制,下面就簡單介紹一下如何?此效果。使用letter-spacing屬性即可以設定字間距。代碼執行個體如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author"
Time of Update: 2015-12-24
你應該知道的CSS文字大小單位PX、EM、PT,csspx摘要: 這裡引用的是Jorux的“95%的中國網站需要重寫CSS”的文章, 題目有點嚇人,但是確實是現在國內網頁製作方面的一些缺陷。我一直也搞不清楚px與em之間的關係和特點,看過以後確實收穫很大。平時都是用px來定義字 體, ... 這裡引用的是Jorux的“95%的中國網站需要重寫CSS”的文章,
Time of Update: 2015-12-23
CSS如何設定對象中第一行文本的樣式,css第一行CSS如何設定對象中第一行文本的樣式:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。可能有時候需要特別設定對象中第一行文本的樣式,下面簡單介紹一下。代碼執行個體:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/"
Time of Update: 2015-12-24
成為一名優秀的Developer的書單這是一份關於如何Re-Practise的技術書籍推薦書單。一直畫/寫一個推薦書單來供大家參考,無奈找不到一本合適的形式。有一天,想到了之前的技術樹 https://github.com/phodal/sherlock,便開始落地了。我深知自己的知識有限,所以寫下本文以便和大家切磋交流。歡迎通過 GitHub 的Issues或者直接Pull
Time of Update: 2015-12-23
div的背景是不是透明的,div背景是不是透明div的背景是不是透明的:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。這個問題比較簡單,但是可能對於初學者比較陌生,例如,有的初學者可能認為div的背景顏色是白色的,因為有時候看起來就是這樣的。下面通過一個執行個體來證明一下是不是這樣的。代碼如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta
Time of Update: 2015-12-23
js實現動態操作table,js動態table 本章案例為通過js,動態操作table,實現在單頁面進行增刪改查的操作。 簡要案例如下:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%@
Time of Update: 2015-12-23
讓網頁圖片變灰色的三種方法,灰色三種方法我一直喜歡灰階映像因為我認為他們看起來更有藝術感。很多圖片編輯如Photoshop很容易把你的彩色映像變成灰階。甚至有選擇調整色彩深度和色調。不幸的是,這樣的效果想做在網路上並不容易,因為瀏覽器有差異。 1、CSS
Time of Update: 2015-12-23
使用餘弦定理製作磁碟形狀h5音樂播放器,餘弦h5目錄[1]功能實現 [2]效果展示 [3]原理說明 旋轉原理 餘弦定理 [4]代碼實現 HTML CSS JS [5]源碼查看功能實現 [1]歌曲播放進度轉換成視覺的旋轉角度 [2]點擊磁碟任意位置歌曲跳轉到相應進度 效果展示 原理說明【1】旋轉原理【2】餘弦定理代碼實現HTML<div class="outer"> <img src="img/huochai.jpg" alt="match"
Time of Update: 2015-12-23
如何使用CSS給圖片添加雙邊框效果,css圖片添加邊框如何使用CSS給圖片添加雙邊框效果:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。給圖片添加雙邊框也在實際使用中也有許多應用,可能並不頻繁,在這裡簡單介紹一下如何?此種效果,藉以對CSS一些屬性的應用加以熟練。先看一段代碼執行個體:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author"
Time of Update: 2015-12-23
ISO語言代碼,iso語言LanguageISO CodeAbkhazianabAfaraaAfrikaansafAlbaniansqAmharicamArabicarArmenianhyAssameseasAymaraayAzerbaijaniazBashkirbaBasqueeuBengali (Bangla)bnBhutanidzBiharibhBislamabiBretonbrBulgarianbgBurmesemyByelorussian