CSS

文章目錄 　　HTML　　CSS　　藝術邊框　　HTML5畫廊　　CSS　　CSS3 Transform　　Nth-of-Type 　　轉載請註明原創地址：http://www.cnblogs.com/softlover/archive/2012/11/20/2779893.html 　　在上一講中，我們的解決方案使用到了jquery去建立一個span標籤。在這一講中我們將用一種更好的解決方式，使用:before 和 :after 偽類。:

用css控制cellspacing、cellpadding歸類: 獻醜IT界 — Silbo @ 3:48 pm 在table中控制儲存格之間的間距要用到cellspacing、cellpadding，預設情況cellspacing、cellpadding均不為0，但經常的狀況為了不讓table儲存格之間的間距影響到美觀，我們經常會把cellspacing、cellpadding設定為0，因此經常看到“<table cellspacing=0cellpadding=0>”這樣的代碼。

     1. CSS定義    階層式樣式表（Cascading Style Sheet）簡稱”CSS”，通常又稱為“風格樣式表（Style Sheet）”，它是用來進行網頁樣式設計的。通過設立樣式表，可以統一地控制HMTL中各標籤的顯示內容。階層式樣式表可以使人更能有效地控制網頁外觀。使用階層式樣式表，可以擴充精確指定網頁元素位置，外觀以及建立特殊效果的能力。    2. CSS如何使用    當讀到CSS時，瀏覽器會根據它來格式化HTML文檔，插入CSS的方法有三種：      2.1

       每次開啟、關閉或使用VisualStudio2012的時候，電腦會很卡，所以學習JavaScript、CSS，HTML的時候編程測試很不方便，於是我就自己寫了個小網頁，在上面編寫JavaScript、CSS，HTML程式，方便自己學習測試。下面分享給大家，如果您有好的改進，請也跟我分享一下哦(*^_^*)      程式的缺點就是：不能像VisualStudio2012那樣智能識別，不過用於學習測試足夠了。    

文章目錄 　　這種css技巧帶來的好處　　基本概念　　IE PNG hack　　外觀　　jquery解決方案　　#1. 簡單畫廊　　#1b. 迷你icon　　#2. 帶文字的圖片　　#2b. 彈出文字　　#3. 迷你紙夾　　#4. 軟木板畫廊　　sIFR版本（文字替換）　　#4b.膠帶效果　　#5.黑框藝術畫廊　　#5b.金邊藝術畫廊　　#6.水彩效果　　sIFR版本　　#7.高光效果　　#8.木板畫廊　　最後評論 　　轉載請註明原創地址：

　　最近我在重新設計自己的部落格網站，決定用一個日曆樣式的icon顯示時間。以前的解決方案一般是用背景圖片，感謝css3，現在我們用css3就能實現這樣的功能。我將會用到一些linear-gradients, border radius 和 box shadow這些屬性來代替以前的photoshop設計。 　　photoshop

文章目錄 　　在固定寬度下實現靈活性　　相容性 　　轉載請註明原文地址：http://www.cnblogs.com/softlover/archive/2012/11/25/2787558.html 　　當我編碼Elemin Theme（我最近設計的一個響應式的網站）的時候，我遇到的一個跳幀就是，如何能讓嵌入式的視頻在尺寸變化上變得更加靈活。使用max-width:100%

　　今天讀了篇關於如何使用css3建立3d四面體的文章，覺的相當不錯，所以拿出來和大家分享一下。原文地址：http://www.paulrhayes.com/2010-10/css-tetrahedron/。　　demo預覽地址：http://www.paulrhayes.com/experiments/pyramid/。　　首先要和大家分享的是，如何使用div+css建立三角形。在這裡我先把相關代碼粘貼出來，然後再為大家講解原理。　　html：<div id="pyramid">

這是什嗎？Z-index屬性決定了一個HTML元素的層疊層級。元素層疊層級是相對於元素在Z軸上（與X軸Y軸相對照）的位置而言。一個更高的Z-index值意味著這個元素在疊層順序中會更靠近頂部。這個層疊順序沿著垂直的線軸被呈現。為了更清晰的描述Z-index是如何工作的，上面的這張圖片誇大展示了層疊元素在視覺位置上的關係。自然的層疊順序在一個HTML頁面中，自然的層疊順序（也就是元素在Z軸上的順序）是由很多因素決定的。下面的是一個列表，它展示的清單項目是處於一個層疊環境（stacking

今天看書才知道xml檔案可以根據css檔案來實現在IE中漂亮地顯示如books.xml檔案內容如下：<?xml version="1.0" ?><?xml:stylesheet href="books.css" type="text/css" ?><books> <book>  <title>.Net using</title>  <ISBN>1861-12991-04-0</ISBN> 

在以往的CSS代碼編寫中，我們大部分都是用!important來hack。在ie6和firefox環境中測試可以正常顯示，並成功的應用了hack技術。但是新近發布的ie7對!important可以正確解釋，頁面沒有能夠按要求顯示！現在找到一個針對IE7不錯的hack方式：使用“*+html”！現在用IE7瀏覽一下，應該沒有問題了。 樣本如下：  #example {}{ color: #333; } /**//* Moz */ * html #example {}{ color: #666; }

原文：http://andymao.com/andy/post/76.html 屏蔽IE瀏覽器（也就是IE下不顯示）*:lang(zh) select {font:12px  !important;} /*FF的專用*/select:empty {font:12px  !important;} /*safari可見*/這裡select是選擇符，根據情況更換。第二句是MAC上safari瀏覽器專屬的。僅IE7識別*+html  {…}當面臨需要只針對IE7做樣式的時候就可以採用這個HACK。IE6

今天在網上查資料，不小心被我找到了dll控制項裡添加外部CSS的方法，上次製作控制項的疑惑終於解決了一部分，嘿嘿。雖然文章是英文的，本人英文也不好，但是樣本還是簡單明了的，一看就懂了Listing 1: AssemblyInfo.cs entries[assembly: System.Web.UI.WebResource("myImage.gif", "img/gif")][assembly: System.Web.UI.WebResource("myStylesheet.css",

頁面配置與規劃在網頁製作中，有許多的術語，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我們將會用到一些有關於HTML的基本知識，而在你學習這篇入門教程之前，請確定你已經具有了一定的HTML基礎。下面我們就開始一步一步使用DIV+CSS進行網頁布局設計吧。所有的設計第一步就是構思，構思好了，一般來說還需要用PhotoShop或FireWorks(以下簡稱PS或FW)等圖片處理軟體將需要製作的介面布局簡單的構畫出來，以下是我構思好的介面布局圖。下面，我們需要根據構思圖來規劃一下

轉載自：http://hi.baidu.com/zhenghanzheng/blog/item/840e5501d2c71b0a7aec2c81.html在網站設計的時候，應該注意css樣式相容不同瀏覽器問題，特別是對完全使用DIV CSS設計的網，就應該更注意IE6 IE7 FF對CSS樣式的相容，不然，你的網亂可能出去不想出現的效果！所有瀏覽器 通用 height: 100px; IE6 專用 _height: 100px; IE6 專用 *height: 100px; IE7 專用

因為FF(Firefox)不怕IFRAME,於是就拿IE開刀,不知道比爾有沒有獎發。我唯寫了一句代碼,就搞定了,哈,痛快。就是IE only(特有的)的CSS中的屬性expression,插進去試試,果然那些IFRAME不起作用了。    代碼如下:<style type="text/css" media="all"

    在項目中，我們經常會遇到需要查看資料表中所有欄位詳細資料的情況，通常我們會把某些必要的欄位如ID等顯示出來，然後把其它欄位匯總放到DetailView或者另一個頁面，然後提供一個“查看詳細資料”的LinkButton，抑或是利用指令碼彈出另一個Web視窗。這些做法都稍顯蹩腳，如果只是為“查看詳細資料”而查看詳細資料（額，有些拗口），我們還有更好的解決辦法，利用div+css來達到類似ToolTip的效果。    

文章目錄 規則組合繼承註解定位錨偽類首行虛擬元素首個字母虛擬元素 基本文法規則選擇符任何HTML元素都可以是一個CSS1的選擇符。選擇符僅僅是指向特別樣式的元素。例如，P { text-indent: 3em }當中的選擇符是P。類選擇符單一個選擇符能有不同的CLASS(類)，因而允許同一元素有不同樣式。例如，一個網頁製作者也許希望視其語言而定，用不同的顏色顯示代碼 :code.html { color: #191970

做過前台設定的都知道css存在兩種盒模型，W3C標準的方塊模型和IE瀏覽器的方塊模型。除IE以外的大多數瀏覽器只支援W3C方塊模型。IE瀏覽器能夠根據頁面的呈現模式的定義而是用對性的方框模式。已用哪中呈現的模式取決於頁面上的DOCTYPE的聲明。如果頁麵包含有效DOCTYPE聲明，則以strict 模式呈現。如果頁面沒有DOCTYPE聲明或沒有有效DOCTYPE聲明，則以相容模式呈現。下面將一個兩種模式的區別，兩種呈現模式的主要差別是對元素width和height樣式的計算上。如下面的樣式{　　

文章目錄 CSS:HTML:class說明CSS說明建階用法測試環境 這幾天在用公司網站的版型，多半都是拿Google來作參考，看到Google很多圓邊方塊的效果，都是用CSS做出來的，比我以前還用Table+Image，這一招實在是太好用了，分享給大家。效果如下: CSS:<style type="text/css">.roundBorder{ display: block;}.roundBorder *{