CSS

標籤：before和after   修改css虛擬元素樣式   css虛擬元素   CSS虛擬元素:before和:after可以實現很多有趣的功能，我們項目中使用的ionicframework架構的ionic.css檔案中大量使用到了這2個虛擬元素。虛擬元素可以用來定義樣式，但是和正常的dom元素不同，我們沒有辦法選中這些虛擬元素，也就不能像普通元素那樣來修改它。<head><style

標籤：一、通過 style 內聯擷取元素的大小　　style 擷取只能擷取到行內 style 屬性的 CSS 樣式中的寬和高，如果有擷取；如果沒有則返回空。<script type="text/javascript"> window.onload = function(){ var box = document.getElementById(‘box‘); //擷取元素 alert(box.style.width); //200px、

標籤：如果你的DispatcherServlet攔截 *.do這樣的URL，就不存在訪問不到靜態資源的問題。如果你的DispatcherServlet攔截“/”，攔截了所有的請求，同時對*.js,*.jpg的訪問也就被攔截了。 目的：可以正常訪問靜態檔案，不要找不到靜態檔案報404。 方案一：啟用Tomcat的defaultServlet來處理靜態檔案 Xml代碼

標籤：JavaScript HTML DOM - 改變CSSHTML DOM 允許 JavaScript 改變 HTML 元素的樣式。改變 HTML 樣式如需改變 HTML 元素的樣式，請使用這個文法：document.getElementById(id).style.property=new style下面的例子會改變 <p> 元素的樣式：執行個體<html><body><p id="p2">Hello World!</p>

標籤：springmvc   靜態資源          最近在一些技術群裡看到有些朋友的饋，SpringMVC 無法載入js,css等靜態資源檔案，運行時報無法找到異常。下面說下原因及解決方案：     

標籤：html /css /javascript 這三者的載入順序影響整個頁面的載入速度。而載入速度的快慢直接影響pv（訪問量）,而且會影響經濟收入。在大網站中，可能開啟速度快一秒，一年能多帶來上億的收入。所以我們一定要重視。一、總體原則　　載入的總體原則是順序載入，即從頁面的head到body結束順序載入。瀏覽器發送請求，伺服器返回了這整個頁面的代碼。所以，下一步是對這個頁面代碼進行渲染。二、載入順序　　如果結構是這樣寫的： 　　首先會載入link裡面的css檔案。但是在這裡要記住，

標籤：如何用CSS實現背景半透明效果？做過活動頁面的可能會遇到要做背景半透明的效果，我們一般的做法是用兩個層，一個用於放文字，另一個用於做透明背景，因為透明濾鏡的效果會影響到裡面的內容。不過如果你只需求在IE下實現，使用CSS實現透明度有很多方案，這裡只是介紹大家通用的方法：1.  .transparent_class {2.        filter:alpha(opacity=50

標籤：box-shadow: h-shadow v-shadow blur spread color inset;注釋：box-shadow 向框添加一個或多個陰影。該屬性是由逗號分隔的陰影列表，每個陰影由 2-4 個長度值、可選的顏色值以及可選的 inset 關鍵詞來規定。省略長度的值是 0。值描述測試h-shadow必需。水平陰影的位置。允許負值。測試v-shadow必需。垂直陰影的位置。允許負值。測試blur可選。模糊距離。測試spread可選。陰影的尺寸。測試color可選。陰影的顏色。

標籤：今天剛剛在公司的電腦安裝了window7並配置了iis7，開啟網站戶發現結構混亂，圖片不顯示，但是內容顯示完全沒有問題，也沒有出錯。一開始以為是和IIS6的MIME一樣，沒有添加到相應項目的原因，但是怎麼都找不到IIS7有MIME的添加選項。頭疼了一下午，終於找到瞭解決方案， 原來是安裝IIS7的時候有一個項目沒安裝的原因。在開啟或關閉window功能中的Internet資訊服務裡的全球資訊網服務=>常見HTTP功能=>靜態內容 ，將其選上

標籤：首先介紹下css-combo的功能：把CSS模組化的檔案，打包合并到一個CSS檔案中。為什麼項目中可能需要使用這個工具，作者給出了詳細的說明。http://www.techcheng.com/study/css/introduce-css-combo.htmlccs-combo的源檔案託管地址：https://github.com/daxingplay/css-combo 由於這個是用nodejs做的小工具，所以我們必須安裝nodejs和npm模組管理操作擴充。1.

例如： Some Content 此時預覽此代碼，我們會發現最外層的父元素float container,並沒有顯示。這是因為子項目因進行了浮動，而脫離了文檔流，導致父元素的height為零。 若將代碼修改為： Some Content 注意，多了一段清理浮動的代碼。這是一種好的CSS代碼習慣，但是這種方法增加了無用的元素。

當你覺得圖片與文字距離太接近時，就可以使用此屬性。 圖文間隔：Hspace和 Vspace 的設定 1.水平間隔：HSPACE。 例如： (單位也是用像素（pixel）來計算的。) 2.垂直間隔：VSPACE。 使用方法與 HSPACE 相同，在這裡不多作介紹。 例如： (離文字的水平距離，通常多少設一點以免靠文字太近。) 當然你也可以把左右和上下間隔一起用。

我們可以通過一段代碼來分析一下其中的微妙差別: 在IE瀏覽器裡，我們可以通過多少方法來索引到這個文字框對象？(為區別起見，我們把NAME和ID設成了不同的值) 1. oDemo 2. demoform.oDemo 3. document.all.oDemo 4. document.all.demoform.oDemo 5. document.forms[0].oDemo 6. document.forms['demoform'].oDemo 7.

1. 檢查HTML元素是否有拼字錯誤、是否忘記結束標記 即使是老手也經常會弄錯div的嵌套關係。可以用dreamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否正確 檢查一下有無拼字錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼字錯誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼字錯誤。 3. 確定錯誤發生的位置 如果錯誤影響了整體布局，則可以逐個刪除div塊，直到刪除某個div塊後顯示恢複正常，即可確定錯誤發生的位置。 4.

最後感謝raozou分享效果代碼! [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]說明:這段代碼沒有文件類型和命名空間的申明,我已試過,如果加上,藍色方快兒將位於頂部且一部分被瀏覽器隱藏,大家可以試試!此外,FF不支援expression. DIV垂直置中 頁面水平垂直置中 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] DIV垂直置中 頁面水平垂直置中 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]&#

標籤：網上的免費 Web 模板多如牛毛，良莠不齊，這組模板是 Smashing Magazine推薦的，全部是基於 XHTML/CSS 的。在 W3C 標準愈趨重要的時代，自覺使用最規範的代碼可以讓您的設計更經得起時間的考驗。XHTML 在代碼上的要求比 HTML 更規範，而 CSS，幾乎就是現代 Web 設計的代名詞。這100個 XHTML/CSS 模板分三組推出。這是第一組，其它部分請參考第二組，第三組。Package | Registration is

搞了一個DIV+CSS菜單，相容Firefox,分享給大家，大家一齊學習 xmlns="http://www.w3.org/1999/xhtml"> 我的網站 [url]www.netany.net[/url][url]www.netany.net[/url][url]www.netany.net[/url]我的帳務支付網上支付登記匯款線上招領曆史帳務網站管理登入 管理管理管理網站管理登入 管理管理管理工作需要搞了一個菜單，分享給大家，大家一齊學習

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

一.使用css縮寫使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法總結》，這裡就不展開描述。二.明確定義單位，除非值為0忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width:100px

div+css排版的範例 > xmlns="http://www.w3.org/1999/xhtml"; lang="gb2312"> 頂部左側中部右側全行左側中部右側全行左側中側右側底部