設為首頁|加入收藏|網站地圖|RSS
請選擇搜索分類 新聞 留學 專題

軟件

簡潔|摘要
  • 讓CSS樣式表優化更整潔而簡短

    2014-11-26 02:34

    CSS簡寫就是指將多行的CSS屬性聲明化成一行,又稱為CSS代碼優化。CSS簡寫的最大好處就是能夠顯著減少CSS文件的大小,其實還有很多其他益處。臃腫而雜亂的CSS樣式表會使你遇到問題是難以調試。尤其是當一個團隊在進行設計的時候,你的臃腫的CSS代碼會使你的團[詳細]

  • CSS解決瀏覽器的等寬空格問題

    2014-11-26 02:33

    很多時候,希望能夠在 HTML 中使用空格排版。但瀏覽器在解析 HTML 時,會把連續的空格解析成一個,所以我們會使用 等這樣的占位符。 但是也不是很可靠,比如空格間距非常大,那么我們必須增加多個占位符,同時頁面的體積會變得非常大。 同時,注意到 Safari[詳細]

  • CSS中調用網絡字體

    2014-11-26 02:32

    Google前些天在Google I/O大會上發布了一個新的服務 Font API,這是一個很酷的東東,可以讓我們很方便的使用網絡字體,而且這些字體都是免費的,你無需擔心版權的問題。 Google Font API使用起來也非常方便,從下面的例子中可見一斑: @font-face { font-fam[詳細]

  • Dreamweaver 中使用CSS的一個小問題

    2014-11-26 02:31

    Dreamweaver應該大家都知道吧(以下簡稱DW),這是著名美國MacROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器。由于DW的功能之強大,所以可以在他里面直接定義CSS(樣式表),而就是這css給我出了個小難題。 事情是這樣的, 我用css主[詳細]

  • CSS Sprites技術

    2014-11-26 02:30

    CSSSprites簡介 通常被意譯為“CSS圖像拼合”或“CSS貼圖定位”。CSSSprites并不是一門新技術,目前它已經在網頁開發中發展得較為成熟,阿里巴巴各子公司的網頁中到處都可發現csssprites的影子。但CSSSprites并不是什么金科玉律,但在很多情況下,它有著一定[詳細]

  • css控制定位的要素

    2014-11-26 02:30

    css除了控制定位要素的左上角位置,你還可以 控制要素的寬度和高度,及要素在頁面的可 視性。 寬度 定位了的要素在頁面上顯示時仍然會從左到 右一直顯示。利用寬度屬性就可以設定字符 向右流動的限制,即設定要素的寬度。 DIV { position: absolute; left: 2[詳細]

  • 高效整潔CSS代碼原則

    2014-11-26 02:28

    CSS學起來并不難,但在大型項目中,就變得難以管理,特別是不同的人在CSS書寫風格上稍有不同,團隊上就更加難以溝通,為此總結了一些如何實現高效整潔的CSS代碼原則: 1. 使用Reset但并非全局Reset 不同瀏覽器元素的默認屬性有所不同,使用Reset可重置瀏覽器[詳細]

  • CSS高級技巧:圖片替換

    2014-11-26 02:28

    圖像替換技術有相當的用處, 特別是注重視覺的設計, 而且在一定程度上也不會影響非可視化瀏覽器的用戶群(屏幕閱讀器). 本節用到的圖片只有一個: 在文字外包上一組span標簽, 并在CSS中將這個span進行display:none 操作, 使其隱藏, 然后在原文字的容器的CSS中加[詳細]

  • CSS3下的漸變文字效果實現

    2014-11-26 02:27

    一、方法一:借助mask-image屬性 如果您手頭上的瀏覽器是Chrome或是Safari,則您可以在demo頁面中看到類似下面的效果: 相應的HTML代碼如下: 天賜美妞 與HTML相對應的CSS代碼如下: .text-gradient { display: inline-block; font-family: 微軟雅黑; font-s[詳細]

  • 完全CSS下拉菜單,只用CSS,純CSS構筑!

    2014-11-26 02:26

    看看CSS代碼,要注意認真看,好好研究哦! style type="text/css" .menu { font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em; padding-bottom:250px; } .menu ul { padding:0; margin:0; list-style-type: none; } .men[詳細]

  • DIV CSS列形導航一例,超酷解析!

    2014-11-26 02:25

    如圖效果: 先看看XHTML代碼: Item one Subitem one Subitem two Subitem three Subitem four Item two Item three Item four 看看CSS是如何定久相關元素的: #navcontainer { margin-left: 30px; } #navcontainer ul { margin: 0; padding: 0; list-style-t[詳細]

  • Dreamweaver CS3網頁制作中的CSS布局規則

    2014-11-26 02:24

    本文中介紹了在DreamWeaver CS3網頁制作中的CSS布局規則。 CSS文件的鏈接方式 1、附加鏈接:外部CSS文件 2、導入CSS:常用應用多個CSS文件時,將多個CSS導入一個CSS文件中 CSS規則定義有三種 1、類比如“.RedText”、“.BlueText”和“.BigText”等等 2、標[詳細]

  • Dreamweaver使用CSS樣式表設置網頁

    2014-11-26 02:24

    本文介紹如何在 Dreamweaver 中使用層疊樣式表 ( CSS ) 設置頁面中的文本格式。您可以使用 CSS 以 HTML 無法提供的方式來設置文本格式和定位文本,從而能更加靈活自如地控制頁面的外觀。 了解 CSS 層疊樣式表 (CSS) 是一系列格式設置規則,它們控制 Web 頁面[詳細]

  • CSS中背景background-position負值定位深入理解

    2014-11-26 02:22

    下面是我要用到的一個背景圖: 代碼如下: x:0,y:0 x:-50px,y:-50px x:100px,y:100px HTML頁中是162*162的灰色背景DIV塊并加入三種不同位置的背景圖片, 在瀏覽器中看到的效果: 從上圖可以看到:當為background-position:0 0;時圖片的左上角與DIV的左上角是[詳細]

  • CSS技巧:關于CSS Hack與float閉合(清除浮動)

    2014-11-26 02:22

    一、CSSHACK 以下兩種方法幾乎能解決現今所有HACK. 1, !important 隨著IE7對!important的支持, !important 方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.) 2, IE6/IE77對FireFox *+html 與 *html 是IE特有的標簽, firefox 暫不支持.而*+html[詳細]

  • input標簽寫CSS時需要注意的幾點

    2014-11-26 02:21

    飛魚的聲納頂部的搜索框讓我頭疼了很長時間,原因是總不能獲得跨瀏覽器的統一樣式。主要的問題有這么兩個:一是input標簽的高度不能統一,Firefox和IE中的高度始終不能一致;二是在IE瀏覽器中屬性為text的input標簽中的輸入文字不像標準瀏覽器中的那樣垂直居[詳細]

  • CSS設計網頁頭部的優化寫法

    2014-11-26 02:18

    在div+css布局中,一般都這樣來整體構架的: div id="header"/div div id="center"/div div id="footer"/div 而對于header部分,肯定要顯示網站標題,除了顯示網站標題外,還可能要顯示其他比較重要的對象,比如網站的導航欄: div id="header"BRdiv id="tit[詳細]

  • Div+CSS網頁布局中CSS無效的十個常見原因

    2014-11-26 02:18

    我們學習Div+CSS網頁布局的知識,可是W3Cvalidation有時難以操作,但用它你可以查看由版面設計引起的差錯。驗證程序拋出大量差錯和警告,說明你的XHTML尚未完善,可能無法在不同瀏覽器上保持一致功能。下面十個細微的失效問題難住了大批程序員,本文就告訴你[詳細]

  • CSS執行順序與優先權的問題

    2014-11-26 02:17

    CSS執行順序與優先權的問題其實就是一個沖突解決的問題,當同一個元素(或內容)被CSS選擇符選中時,就要按照優先權取舍不同的CSS規則,這其中涉及到的問題其實很多。 首先就是CSS規則的specificity(特殊性),CSS2.1有一套關于specificity的計算方式,用一個四[詳細]

  • Dreamweaver中編寫CSS的“最佳習慣”

    2014-11-26 02:16

    由于“可視化”和操作簡便,在DreamWeaver中編寫CSS的朋友很多,今天我們介紹一些 在Dreamweaver中編寫CSS的“最佳習慣” ,希望對大家有所幫助。 CSS正在改變網站設計的進程。為迎合不斷增長的傾向于CSS的設計人員的需求,Macromedia DW MX引進了一些新的及[詳細]

  • CSS網頁設計時關于字體大小的設計

    2014-11-26 02:15

    在設計網絡應用時,您必須決定如何編輯字體。使用CSS時存在大量選項,每個開發者都有自己的喜好。本文主要討論字體大小和網絡應用內的操作。在開發網絡應用時,沒有比外觀更重要的事情了。所以,如果發現設計人員十分關注字體及字體大小,我不會感到奇怪![詳細]

  • Dreamweaver中編寫CSS的技巧

    2014-11-26 02:14

    在DreamWeaver中編寫CSS,這種編寫習慣并不提倡,不過由于“可視化”和操作簡便,使用的朋友依然很多,今天羅列一些“最佳習慣”,希望對這些朋友有所幫助。 CSS正在改變網站設計的進程。為迎合不斷增長的傾向于CSS的設計人員的需求,Macromedia DW MX引進了[詳細]

  • 在Dreamweaver中編寫CSS需要掌握的技巧

    2014-11-26 02:13

    由于“可視化”和操作簡便,在 DreamWeaver 中編寫 CSS 的朋友很多,今天我們介紹一些在Dreamweaver中編寫CSS的“最佳習慣”,希望對大家有所幫助。 CSS正在改變網站設計的進程。為迎合不斷增長的傾向于CSS的設計人員的需求,Macromedia DW MX引進了一些新的[詳細]

  • CSS網頁代碼編寫隔行換色的技巧

    2014-11-26 02:12

    網頁設計中我們經常會碰到用CSS(層疊樣式表)實現隔行換色的需求,您可以根據您的需要,采用下面的任何一種方法,當然要注意適合你的具體編碼與需求情況。 一、使用background背景圖片 如果行高固定的話,推薦使用隔行換色的背景圖,也推薦將行高固定,這樣[詳細]

  • div css表單布局的五個小技巧

    2014-11-26 02:12

    div css表單布局的五個小技巧可以幫助你更靈活的控制表單,使頁面更加滿意。 1、表單文本輸入的移動選擇: 在文本輸入欄中,如果加入了提示,來訪者往往要用鼠標選取后刪除,再輸入有用的信息。其實只要加入onMouseOver="this.focus()" onFocus="this.select[詳細]

  • 扎實基礎 9則CSS網頁制作技巧

    2014-11-26 02:11

    本篇總結了一些css常用技巧,為網站重構打下基礎,但愿您能學到一點有用的東西。 一.使用css縮寫 使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規則請參看《css基本語法》。 二.明確定義單位,除非值為0 忘記定義尺寸的單位是CSS新手普[詳細]

  • DIV+CSS總結:有用的3個網頁制作技巧

    2014-11-26 02:10

    我們在進行DivCSS布局的時候,非常關注CSS技巧的學習,今天向大家推薦3個所謂的 “頂級”CSS技巧!雖然沒有什么新意,但對新手而言卻非常重要! 一、在一行內聲明CSS h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 {[詳細]

  • CSS選擇符詳解

    2014-11-26 02:09

    一、類型選擇符 什么是類型選擇符?指以網頁中已有的標簽類型作為名稱的行徑符。body是網頁中的一個標簽類型,div,p,span都是。 如下: body {} div {} p {} span {} 二、群組選擇符 對于XHMTL對象,可以對一組同時進行了相同的樣式指派。 使用逗號對選擇符[詳細]

  • CSS學習筆記:id與class、padding和margin、min-height和height

    2014-11-26 02:08

    id和class到底要用哪一個? 首先要明白id和class的各自的優缺點。這樣才能根據他們的各自的特點進行使用。 id的優點(class的缺點):id寫在css用"#"選擇器,class寫在css中用"."選擇器。"#"選擇器的優先級高于"."選擇器大約10倍,所以當你需要提升優先級的[詳細]

  • CSS中Class與ID的區別,Margin與Padding的區別

    2014-11-26 02:07

    Class可以反復使用而ID在一個頁面中僅能被使用一次。有可能在很大部分瀏覽器中反復使用同一個ID不會出現問題,但在標準上這絕對是錯誤的使用,而且很可能導致某些瀏覽器的現實問題。 這兩個區別都是比較容易混淆的問題,尤其是Class與ID,相信很多人并沒有仔[詳細]

  • 詳解CSS網頁布局中默認字體樣式

    2014-11-26 02:06

    瀏覽器默認的樣式往往在不同的瀏覽器、不同的語言版本甚至不同的系統版本都有不同的設置,這就導致如 果直接利用默認樣式的頁面在各個瀏覽器下顯示非常不一致,于是就有了類似YUI的reset之類用來盡量重寫瀏覽器的默認設置保證各個瀏覽器樣式一致性的做法。[詳細]

  • DivCSS小結:瀏覽器默認HTML的CSS樣式屬性

    2014-11-26 02:05

    這個“瀏覽器默認HTML的CSS樣式屬性”,在你需要還原默認值的時候,比較有用。開始的時候應用通配選擇器 *{margin:0;padding:0;},當需要使用邊距的時候,就需要還原HTML默認CSS值了。 但通配選擇器在大型網站的構建中,影響性能,可以參考52CSS.com的相關文[詳細]

  • 如何定義CSS3屬性的書寫順序

    2014-11-26 02:04

    一、不同書寫順序示例 首先是比較聰明和值得推薦的寫法: .not-a-square {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} 下面就是我們可能不怎么在意的,可能會產生問題的書寫順序: .not-a-square { border-radius: 10px; -[詳細]

  • 用CSS實現段落前面縮進兩個字

    2014-11-26 02:03

    style type="text/css" !-- p{ text-indent: 2em; /*em是相對單位,2em即現在一個字大小的兩倍*/ } -- /style p段落前面空兩個字的距離,不要再使用空格了。應該使用首行縮進text-indent。長度單位em。相對于當前對象內文本的字體尺寸。我們首行縮進了2em。2[詳細]

  • CSS中如何實現圖片垂直居中

    2014-11-26 02:02

    在曾經的 淘寶UED 招聘 中有這樣一道題目: “使用純CSS實現未知尺寸的圖片(但高寬都小于200px)在200px的正方形容器中水平和垂直居中。” 當然出題并不是隨意,而是有其現實的原因,垂直居中是 淘寶 工作中最常遇到的一個問題,很有代表性。 題目的難點在于[詳細]

  • CSS 語法的縮寫規則

    2014-11-26 02:01

    使用縮寫可以減少CSS文件的大小,并且更加易于閱讀。本文主要介紹CSS的主要縮寫規則,內容涉及到顏色、盒尺寸、邊框、背景、字體、列表等方面的內容。CSS縮寫的主要規則如下: 顏色 16進制的色彩值,如果每兩位的值相同,可以縮寫一半,例如: #000000可以縮[詳細]

  • 教你一網打盡CSS中的圖片保存方法

    2014-11-26 02:00

    什么叫“CSS中的圖片”? 簡單的說就是鑲在CSS樣式表中的圖片。當我們用瀏覽器的“另存為”功能保存網頁時,由于很多寫在CSS樣式表里面的圖片都下載不到,所以會導致下載的網頁打開的時候就面目全非了;或者,我們可以更通俗的認為這也是網頁圖片的一種加密形[詳細]

  • CSS 背景顏色設置

    2014-11-26 01:59

    HTML head style type="text/CSS" body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb(250,0,255)} p.no2 {background-color: gray; padding: 20px;} /style /head body h1這是[詳細]

  • css模版教程全面自定義模板必備之css屬性知識

    2014-11-26 01:58

    該表只列出常用的CSS屬性,及簡要介紹其主要功能,若要了解各所有屬性和具體的用法,請參考相關書籍 屬性名稱 屬性功能及其取值 用法說明與范例 顏色與背景類 color 設置文字顏色 #rgb #rrggbb rgb(255,255,255) rgb(100%,100%,100%) H1{color:red} H1{color:[詳細]

  • CSS 派生選擇器

    2014-11-26 01:57

    派生選擇器 通過依據元素在其位置的上下文關系來定義樣式,你可以使標記更加簡潔。 在 CSS1 中,通過這種方式來應用規則的選擇器被稱為上下文選擇器 (contextual selectors),這是由于它們依賴于上下文關系來應用或者避免某項規則。在 CSS2 中,它們稱為派生[詳細]

  • CSS 基礎語法

    2014-11-26 01:57

    CSS 語法 CSS 規則由兩個主要的部分構成:選擇器,以及一條或多條聲明。 selector {declaration1; declaration2; ... declarationN } 選擇器通常是您需要改變樣式的 HTML 元素。 每條聲明由一個屬性和一個值組成。 屬性(property)是您希望設置的樣式屬性([詳細]

  • CSS 高級語法

    2014-11-26 01:56

    選擇器的分組 你可以對選擇器進行分組,這樣,被分組的選擇器就可以分享相同的聲明。用逗號將需要分組的選擇器分開。在下面的例子中,我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。 h1,h2,h3,h4,h5,h6 { color: green; } 繼承及其問題 根據 C[詳細]

  • CSS id 選擇器

    2014-11-26 01:55

    id 選擇器 id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。 id 選擇器以 "#" 來定義。 下面的兩個 id 選擇器,第一個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色: #red {color:red;} #green {color:green;} 下面的 HTML 代碼中,id 屬[詳細]

  • css絕對定位

    2014-11-26 01:55

    定位(左邊和頂部) css定位屬性將是網蟲們打開幸福之門的鑰匙: H4 { position: absolute; left: 100px; top: 43px } 這項CSS規則讓瀏覽器將H4的起始位置精 確地定在距離瀏覽器左邊100象素,距離其 頂部43象素的位置。 注意這里唯一設置了的是左邊和頂部,[詳細]

  • css相對定位

    2014-11-26 01:54

    css絕對定位使你能精確地定位要素在頁面的 獨立位置,而不考慮頁面其它要素的定位 設置。相對定位指你所定位的要素的位置相對于 它在文件中所分配的位置。例: I { position: relative; left: 40px; top: 10px } 相對定位的關鍵在于定位了的要素的位置 是相[詳細]

  • 利用JavaScript實現滾屏顯示

    2014-11-26 01:53

    許多制作網頁的朋友常常制作公告板、信息窗,也經常為了實現整版頁面和圖像的滾屏顯示而煩惱,不用著急,這里有一個簡單的方法來實現滾屏顯示。我們沒有采用Java的.class程序來實現,也不是動態DHTML語言,只是充分地利用了JavaScript腳本語言的一些函數,寫[詳細]

  • 用JavaScript制作活動字幕

    2014-11-26 01:53

    活動字幕是網頁中經常使用的組件之一,它能使整個網頁更有動感,顯得很有生氣。現在的網站中也越來越多地使用活動字幕來加強網頁的互動性。用JavaScript編程可以實現各種活動字幕效果,所需的代碼很少,確實能夠以較少的下載時間換來較好的效果。該標記語法[詳細]

  • 用JavaScript制作趣味計數器

    2014-11-26 01:53

    設計思想 該方法的關鍵是Cookie技術和動態圖像特性的綜合運用。使用Cookie,可以在用戶端的硬盤上記錄用戶的數據,下次訪問此站點時,即可讀取用戶端硬盤的Cookie,直接得知來訪者的身份和訪問次數等有關信息。JavaScript中通過document.cookie屬性訪問Cooki[詳細]

  • 網頁“狀態欄”文字特殊效果全攻略

    2014-11-26 01:52

    在上網時我們注意往往是網站頁面內容,而狀態欄不會被人太多注意,如果我們給頁面的狀態欄加一些特效,肯定會使你的網站增添一道風景,下面就給大家介紹7種常見的狀態欄特效的Javascript代碼。 特效一:滾動顯示 被過濾廣告 第一步:把如下代碼加入 head區域[詳細]

  • 用JavaScript實現網頁“打字機”效果

    2014-11-26 01:51

    在網頁中經常有人使用swish來做打字效果,其實JavaScript也能做出那樣的效果,按如下方法在HTML文件中加入JavaScript代碼便可。要使用的文字你可以根據需要修改。 第一步: 把如下代碼加入 head 區域中 SCRIPT LANGUAGE="JavaScript" !-- Original: Tarjei Da[詳細]

首頁 1 2 3 4 5 6 7 8 9 10 11

今日推薦

排行

點擊 評論 關注
江苏e球彩胜负开奖结果