CSS

標籤：轉載自：http://www.blogjava.net/fiele/archive/2014/08/24/417283.html用 Spring MVC 開發應用程式，對於初學者有一個很頭疼的問題，那就是程式資料都已經查詢出來了，但介面樣式仍然十分醜陋，載入不了 css,js,圖片等資源檔。當你在瀏覽器上直接輸入某個css檔案的路徑時，直接得到404錯誤，而路徑肯定沒有錯，其原因就在於在web.xml 中配置了類似如下的 spring

好處是： 相容IE，firefox，Opera; 有利於內容完整性;有利於SEO; 無需背景程式處理; 可以在前台隨時調節要截取的長度。 不好的地方： 不能自動判斷截取長度，當字元很短的時候在Firefox中也會產生後面的省略符號。 另外在設定截取寬度的時候，要注意，盡量讓文字截取完整。 Quote: css文字截取 用css來實現自動截取文字，不需要背景程式和JS的使用

自己用個符號·來代替，卻發現怎麼顯示都比較小，後來自己研究才發現我的字型全部定義成tahoma了，只要採用“宋體”就正常了。 列表前的小方塊--design by 指令碼之家 ·指令碼之家 ·指令碼之家 ·指令碼之家 ·指令碼之家 ·指令碼之家 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

這是一篇關於CSS HACK的文章，這篇文章中提到的CSS HACK是針對class、id中屬性的HACK，排列的順序都具有要求。今天要和大家說的是針對class、id所做的CSS HACK。 複製代碼 代碼如下:.test{/*FF*/ height:20px; background-color:orange; } *+html .test{/*IE7*/ height:20px;

我這裡有兩個例子，如果你的瀏覽器是IE的，你可以測試一下！ 1、先看這幾行代碼！ 複製代碼 代碼如下: 注意：我多寫了一個，這個標籤沒有閉合！ 看一下效果，放心，這會不會死的！ css ie [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]我開始加CSS了； 複製代碼 代碼如下: 看一下效果，不想死的不要點！ css ie [Ctrl+A 全選

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

通過css來更改所有的form的樣式的方法，可以在css中定義input{color:red}textarea{border:1px solid #333}這樣的格式，一般如果不需要更改所有的文本樣式，可以通過下面的方法來定義文字框和密碼框等樣式 建立網頁 1 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

現在好多網站都用了p+css來布局網頁結構，優點是速度快了，可負面影響呢，來看下面的分析前端時間寫了一篇《利用CSS架構進行高效率的網站開發》，有不少朋友問我相關的問題。很早5key就在公司進行CSS架構的架構，也對不少朋友提出CSS架構的建議。效果是很明顯的。當然，CSS架構有利也有弊，最近也看了一些相關的文章。一些感想，與大家分享。 CSS架構之利： 1、開發效率的提高。

注意事項： 1、除選擇DOCTYPE之外的語句必須使用小寫英文字母書寫。其中包括 Macromedia Dreamweaver 產生的滑鼠動作，如 OnMouseOver 也必須修改成 onmouseover。 2、XHTML文法規要求所有的標識都必須有開始和結束。例如和、和等，對於不成對的標識，要求在標識最後加一個空格，然後跟一個"/"。例如寫成、寫成，加空格的原因是避免代碼連在一起瀏覽器不識別。 3、所有的XML標記都必須合理嵌套。如： 必須修改為： ，就是說，一層一層的嵌套必須是嚴格對稱。

在Dreamweaver8中，只要一加入表單或表單對象，文字框等等，就會在代碼中加入一個，一直沒明白這個label是做什麼的，今天正好看到瞭解釋： Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。 FOR屬性 功能：表示Label標籤要綁定的HTML元素，你點擊這個標籤的時候，所綁定的元素將擷取焦點。 用法：姓名 ACCESSKEY屬性： 功能：表示訪問Label標籤所綁定的元素的熱鍵，當您按下熱鍵，所綁定的元素將擷取焦點。 用法：姓名

上篇已經說了在第五篇會開始講CSS，剛開始講不能講得複雜，我們還是由淺入深，一步步來。還是那句話：先用起來，然後再去研究。即然我們第一篇講的是段落，那我們這篇初講CSS當然也還是要從段落開始，讓我們的段落先漂亮起來。在沒有講CSS之前我們先去想一下什麼樣的段落才看起來才是最舒服的？如果大家一時還沒有什麼想法或是還不清楚如何去分析這個問題不妨先看一下《網頁設計技巧系列之一

對於每一個Web developer來說，瀏覽器的相容都是個大問題，其中Firefox和IE又是最主要的使用者瀏覽器。一般我們會安裝不同的瀏覽器來進行測試，Firefox使用者則可以使用IE tab這人擴充來進行調試。 現在，你可以試試下面這個應用程式，或許能為你的開發工作帶來不少方便，介面就像Dreamweaer之類的，左邊顯示CSS代碼編輯區，右邊分兩欄顯示IE和Firefox下的調試效果。當然，布局 肯定是可以調整的。 這個程式也可以用來調試你的網頁在IE和Firefox下的顯示效果。

DIV置中: <div style="margin-left:auto;margin-right:auto;width:760px;background-color:Silver;">DIV置中 CSS 代碼 <a href="http://jihua.cnblogs.com">jihua.cnblogs.com</a></div> DIV靠右： <div

(PHP 3, PHP 4, PHP 5) header -- 發送一個原始 HTTP 標題 說明 void header ( string string [, bool replace [, int http_response_code]] ) header() 函數用來發送一個原始 HTTP 標題。有關 HTTP 標題的更多內容見 HTTP/1.1 規範。 選擇性參數 replace 指明是替換掉前一條類似的標題還是增加一條相同類型的標題。預設為替換，但如果將其設為 FALSE

#content { float: left; padding: 10px; margin: 20px; background: #FFF; border: 5px solid #666; width: 400px; /* ie5win fudge begins */ voice-family: ""}""; voice-family:inherit; width: 37

這段時間是一直在學習 div+css布局，感覺這段挺實用的，轉了過來，以下布局資料原作者：Owen Briggs單行單列 單行單列1：採用float浮在左上方，固定寬度。 單行單列2：固定在左上方，固定寬度，採用的是絕對(absolute)定位。 單行單列3：固定在左上方，不固定寬度，採用百分比(%)定義寬度來自適應頁面。 單行單列4(推薦)：固定寬度，採用在body樣式中定義置中屬性(text-align: center;)實現適應頁面自動置中。 單行兩列

因為雖然實現起來麻煩點，如果用內建的Select，很簡單的就完成了，但是本代碼實際上是在向大家講述一種Js在網頁中的應用實戰，多種元素之間的配合作用等。效果如： xmlns="http://www.w3.org/1999/xhtml">

持續整理備忘中. 1. width="100%"的table被沒有width 的div包含時, IE忽略div的padding值和marggin值, (FF 正常, IE出現橫向捲軸)下面是來之nwind的一句話：    該問題應該是IE瀏覽器的一個bug。    解決辦法：    給包含這個table的div加入 zoom:1, 便可使IE恢複標準顯示格式問題的根源應該是IE的一個特有的屬性： haslayout    zoom恰巧能觸發這個屬性，除此之外還有postion, float,

利用了2個晚上的部分時間對牛雜的介面進行了修改，各位同學們應該可以發現首頁已經有了許多細節上的變化，這全靠部落格園提供的自訂CSS的功能（沒辦法，誰讓我沒有獨立的空間呢）來對部落格皮膚進行許多定製程度很高的修改。目前對部落格園提供的皮膚（或者說模板）的預設CSS已經有了一定程度的瞭解，但是限於時間還沒有對其進行徹底的分析，這項工作也將是未來很小一段時間給自己的任務之一。分析完成後爭取寫一篇相關的隨筆來詳細說明自訂部落格園皮膚的方法。 

 指令碼說明:第一步:把如下代碼加入〈head>地區中 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><SCRIPT language=javascript>〈!--function linkDisplay(selection){