Time of Update: 2018-12-07
一、基礎概念CSS hack:針對不同的瀏覽器寫不同的CSS code的過程。Css hack的原理:由於不同的瀏覽器對CSS的支援及解析結果不一樣,還由於CSS中的優先順序的關係。我們就可以根據這個來針對不同的瀏覽器來寫不同的CSS。瀏覽器優先順序別:FF < IE7 < IE6書寫順序一般是將識別能力強的瀏覽器的CSS寫在後面,CSS hack書寫順序一般為FF IE7
Time of Update: 2018-12-07
相關文章:HTML經典筆記 ●為什麼用CSS; ●CSS分類:按其位置可以分成三種; ●CSS注釋;
Time of Update: 2018-12-07
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>自適應的斜角水平菜單</title><style type="text/css">.menu {font-family:Arial;font-size:14px;}.menu
Time of Update: 2018-12-07
css中能個添加背景圖片background:url(“”);但是這裡只能指定no-repeat或者repeat-x,repeat-y這些平鋪的方式. 如果我們想要圖片是展開的,我們該怎麼辦呢?方法有兩個:style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale')";但是這個濾鏡只對IE有效.
Time of Update: 2018-12-07
Some script I must post here in case of my bad memory. Maybe useful for my blog
Time of Update: 2018-12-07
有的時候我們需要(1)在編輯的時候用下拉框選擇,並且預設為資料庫的內容(2)使用下拉框過濾資料(3)使用css統一定製DataGrid下面給出代碼:資料結構:表dep:depid(標識主鍵),depname(學院名字)表stu:stuid(標識主鍵),stuname(學生名字),studepid(學院id=表dep.depid)前台:<%@ Page language="c#" Codebehind="WebForm28.aspx.cs" AutoEventWireup="false"
Time of Update: 2018-12-07
Time of Update: 2018-12-07
<style type="text/css">.stats { width: 480px; border-collapse:collapse; /* 表格相鄰邊合并*/ }.stats td { border: 1px #000 solid; }</style> <body><table class="stats"> <tr>
Time of Update: 2018-12-07
解決方案: ①兩個疊在一起的層 ②用半透明的png(推薦) 背景透明但文字不透明 支援IE、Firefox、Chrome、Opera支援所有瀏覽器 Code highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-07
在開發web項目的過程中,總會碰到使用者控制項 .ascx 和頁面,或者頁面和主版頁面的很多關係。用局部的頁面動態地給主版頁面引入js檔案或者樣式表檔案,或者在使用者控制項裡面根據需要動態引入js檔案和樣式表會比較好。以下是我引入的一個方法: // 引入js檔案 HtmlGenericControl scriptControl = new HtmlGenericControl("script");
Time of Update: 2018-12-07
在開發網頁展現層的css時,有時會發現樣式沒有被應用的情況,這是需要藉助Firefox下的Firebug外掛程式來協助問題解決。通常有三種情況會表現出定義的樣式沒有被應用。1. 樣式檔案沒有被載入成功(低級錯誤,但在複雜的環境下,時有發生)2. css檔案並沒有被引用(低級錯誤,但在負責的情況下,是有發送)3.
Time of Update: 2018-12-07
先搞清基本概念:px就是表示pixel,像素,是螢幕上顯示資料的最基本的點;而pt就是point,是印刷行業常用單位,等於1/72英寸。 這樣很明白,px是一個點,它不是自然界的長度單位,誰能說出一個“點”有多長多大嗎?可以畫的很小,也可以很大。如果點很小,那畫面就清晰,我們稱它為“解析度高”,反之,就是“解析度低”。所以,“點”的大小是會“變”的,也稱為“相對長度”。
Time of Update: 2018-12-07
class可以在頁面裡面重複使用,id由於在頁面裡面只能出現一次,所以不能重複使用,所以盡量用class來寫,這樣能在頁面裡面重複引用你寫的css,減小工作量和代碼量。這種情況盡量用id:頁面大的模組裡面,用id來區分不同的模組。比如頁面裡面有這樣的模組:最新新聞,推薦新聞等。就可以考慮用id來區分。還有一點,由於id是頁面中唯一的,更多的是定義來留給給頁面裡面的javascript用。補充:class和id在頁面裡面的使用方法:CodeCode highlighting produced
Time of Update: 2018-12-07
“網頁重構”的春風吹遍大江南北,互連網一時間風聲鶴唳,“DIV+CSS”儼然已成為一種製作網頁的“時尚”,難以盡數的網站都不約而同地開始了自己的“網頁重構”。 下面將談一談順應標準的思維方式,其中有不少是我曾經走過的彎路,希望對剛剛接觸WEB標準的兄弟姐妹們有些協助: 1、“節省代碼”是營銷手段,不是宗旨 “使用div布局可以比table布局節省更多的代碼”,我在很多書籍和網站上見到過這句話。這句話本身是沒錯的,可以“節省代碼”的確是網頁標準化所帶來的好處之一。然而切記,它只是“好處之一”,
Time of Update: 2018-12-07
為圖片添加陰影可以是圖片看起來精緻很多。在圖片處理軟體中,為圖片添加陰影製作效果是非常容易實現的功能,然而如果為每張圖片都要去用軟體處理,顯然是很麻 煩的,而且如果有一天要去掉浮水印,又要重新處理圖片。下面介紹在不改變圖片本身的情況下,通過CSS來實現陰影製作效果。本方法是墨西哥設計師Sergio Villarreal 2004 年發明的。常規方法,程式碼範例如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2018-12-07
CSS中實現文本的垂直置中是很容易的事情,然而想要垂直置中,這還真的有些技巧,今天在網上搜尋了半天,找到了如下方法,源碼執行個體呈現:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2018-12-07
Tab能算的上是網頁裡最為常見的組件,不論是作為內容切換,還是直接作為導航,形形色色的Tab扮演著各種互動角色。既然是重要的互動角色,那麼無論其顏色還是形狀都關乎整個互動過程——圓角是有意義的,在視覺上把Tab和其他分隔元素區別開來是必要的,就如同圓角按鈕一樣——可能很多時候圓角按鈕都與整個設計風格格格不入,但卻是必須的,因為互動元素的凸顯比整個設計渾然一體更為重要。在IE67日漸邊緣的如今,2012可能是前端重心轉移最為明顯的一年。於此也就不去考慮過時瀏覽器的相容性了,對於它們,能看看內容就已
Time of Update: 2018-12-07
本文將展示23個著名Logo,它們由純CSS編碼而成。在drop shadow, rounded border, gradient 以及CSS3 transform的支援下,我們可以很容易地繪製出著名的Logo圖。Android
Time of Update: 2018-12-07
JavaScript和CSS最佳化的最佳化對於提高web網站的效能也是非常重要的。 在深入JavaScript代碼和講述每個最佳化功能之前,讓我們總體看看我們能採取措施的地方,這些地方當然都是對我們網站效能有重要改觀的地方。下面是關於提高JavaScript對網站效能影響的幾條指導方針: 1 合并.js檔案 2 縮小指令碼 3 將指令碼放在頁面的底部 4 移除複製 合并.js檔案
Time of Update: 2018-12-07
開發過Android應用的同學們都知道,Android工程-res-layout資源檔夾下存放著控制view布局的xml檔案,我們可以同過getViewById(int