㈠ 潤乾報表怎樣實現隔行換色
我用的是finereport報表,我想製作過程應該都差不多。
1.問題描述
在滿足一定條件下改變單元格的格式或者顯示成不同的值。如運貨費大於100元就紅色預警,單元格背景色間隔顯示等。
條件屬性的作用是對滿足條件的數據進行高亮顯示如加上背景色等,從而突出顯示異常數據,其中新值屬性會改變單元格實際值,更多條件屬性。
㈡ web中如何讓背景顏色加深,不改變原來的顏色
先選中你要加深顏色的內容,在格式欄中有一項可以選擇背景顏色,選到你喜歡的顏色就可以了,字體顏色沒有改變。
㈢ 網頁web設計應該如何排版
反差
淺藍色背景上的淡粉色文字,可能與你的T恤相配,但讀起來不太好。文本存在以供閱讀;確保它與實現這一目標的背景有足夠的對比。如果你一直對對比度不確定,那就對你的頁面進行屏幕轉儲,打開你的圖像編輯軟體,並將圖像降到灰度。你很快就會看到你是否有足夠的對比。
層次性
更改類型大小是區分內容的最佳方法之一。顏色和漂亮的方框可能會有幫助,但不同大小的字體,在整個頁面中一致使用,會向讀者發出響亮而清晰的信號,告訴讀者頁面元素的相對重要性。這也意味著,如果你的讀者很匆忙,他們可以迅速挑選出重要的部分--這可能意味著他們停留更長時間並繼續閱讀。
空間
讓你的類型呼吸。不要害怕在頁面中留下空白。這負或白色空間將有助於將注意力集中在文本上--而這是最響亮的文本,所以讓它被聽到。接下來,請記住線高屬性;一個好的經驗法則是行間距,即至少140%的文本大小。好的類型設計師將大量的精力投入到位於字體內部的微型白色空間中。他們花了數不清的時間試圖在黑色和它所包圍的負面或空白之間取得平衡。同樣,我們應該花時間考慮宏空白,即形成文本塊的“空白”。
關於網頁web設計應該如何排版,青藤小編就和您分享到這里了。如果您對頁面排版、網站設計、圖像處理等有濃厚的興趣,希望這篇文章可以對您有所幫助。如果您還想了解更多關於平面設計的素材及技巧等內容,可以點擊本站的其他文章進行學習。
以上是小編為大家分享的關於網頁web設計應該如何排版?的相關內容,更多信息可以關注環球青藤分享更多干貨
㈣ 使用CSS設置表格隔行變色
在CSS中可使用:nth-child()選擇器來實現表格隔行變色效果。:nth-child()選擇器用於根據元素在一組兄弟中的位置來匹配元素;它匹配第n個子元素。
語法:
其中arg是表示匹配元素的模式的參數;它可以是一個數字(number)、一個關鍵字(odd 或 even)或一個函數式。想要隔行設置表格的行顏色需要使用到關鍵字(odd 或 even),下面就來介紹一下:
● odd :表示位置為奇數的元素,即1,3,5等。
● even: 表示位置為偶數的元素,即2,4,6等。
示例1: 為在表中交替的偶數行設置顏色
效果圖:
示例2: 為在表中交替的奇數行設置顏色
效果圖:
更多 web開發 知識,請查閱 HTML中文網 !!
㈤ WebStorm如何設置滾動條的顏色在不改變界面顏色的前提下修改滾動條的顏色為深色
/*定義滾動條高寬及背景高寬分別對應橫豎滾動條的尺寸*/
::-webkit-scrollbar
{
width:16px;
height:16px;
background-color:#F5F5F5;
}
/*定義滾動條軌道內陰影+圓角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
background-color:#F5F5F5;
}
/*定義滑塊內陰影+圓角*/
::-webkit-scrollbar-thumb
{
border-radius:10px;
-webkit-box-shadow:inset006pxrgba(0,0,0,.3);
background-color:#555;
}
:horizontal
//horizontal偽類適用於任何水平方向上的滾動條
:vertical
//vertical偽類適用於任何垂直方向的滾動條
:decrement
//decrement偽類適用於按鈕和軌道碎片。表示遞減的按鈕或軌道碎片,例如可以使區域向上或者向右移動的區域和按鈕
:increment
//increment偽類適用於按鈕和軌道碎片。表示遞增的按鈕或軌道碎片,例如可以使區域向下或者向左移動的區域和按鈕
:start
//start偽類適用於按鈕和軌道碎片。表示對象(按鈕軌道碎片)是否放在滑塊的前面
:end
//end偽類適用於按鈕和軌道碎片。表示對象(按鈕軌道碎片)是否放在滑塊的後面
:double-button
//double-button偽類適用於按鈕和軌道碎片。判斷軌道結束的位置是否是一對按鈕。也就是軌道碎片緊挨著一對在一起的按鈕。
:single-button
//single-button偽類適用於按鈕和軌道碎片。判斷軌道結束的位置是否是一個按鈕。也就是軌道碎片緊挨著一個單獨的按鈕。
:no-button
no-button偽類表示軌道結束的位置沒有按鈕。
:corner-present
//corner-present偽類表示滾動條的角落是否存在。
:window-inactive
//適用於所有滾動條,表示包含滾動條的區域,焦點不在該窗口的時候。
::-webkit-scrollbar-track-piece:start{
/*滾動條上半邊或左半邊*/
}
::-webkit-scrollbar-thumb:window-inactive{
/*當焦點不在當前區域滑塊的狀態*/
}
::-webkit-scrollbar-button:horizontal:decrement:hover{
/*當滑鼠在水平滾動條下面的按鈕上的狀態*/
}
我個人一般也就是只設置前3條就好了
㈥ 用javaweb編寫程序使用表格顯示學生數據(學生姓名,年齡,性別)並實現隔行變色功能。應該怎麼實現
使用前端框架Bootstrap寫幾個類名就可以實現。有現成的表格樣式可選擇,都是class類名控制樣式
㈦ 在web中如何設置字體的大小和顏色,語法是什麼時候
首先font是一對常規標簽,將字體文本內容放入標簽內,font標簽內設置color顏色+對應顏色值即可設置font標簽對象內字體顏色。
㈧ Web前端初學者要知道的常見Web技術之間的關系
今天小編要跟大家分享的文章是關於Web前端初學者要知道的常見web技術之間的關系。如果你是一個Web開發初學者,那麼你難免會在網上搜索HTML,CSS,XML,JS(Javascript),DOM,XSL等等這些詞的意思,然而,隨著學習的深入。
當你把他們攪在一起,你又糊塗了,你會不停的問:
§_TML是什麼?
§_SS是什麼?
§_ML是什麼?
§_S是什麼?
§_塹降子惺裁從?
在這里,我爭取用最根本的語言向大家分別說明HTML,CSS,XML,JS到底是什麼,有什麼用。然後我們再來看把他們組合起來是什麼,有什麼用。今天小編就來和大家一起看一看常見web技術之間的關系。第一部分1.HTML超文本標記語言(HyperTextMarkup
Language),是用來描述網頁的一種標記語言。
網頁文件本身是一種文本文件,通過在文本文件中添加標記,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。
HTML之所以稱為超文本標記語言,是因為文本中包含了所謂「超鏈接」點。超文本(Hypertext)是用超鏈接的方法,將各種不同空間的文字信息組織在一起的網狀文本。
概括,HTML就是整合網頁結構和內容顯示的一種語言。
HelloWorld!I'mHTML
瀏覽器按順序閱讀網頁文件,然後根據標記符解釋和顯示其標記的內容。
這段內容在瀏覽器上顯示的結果是:HelloWorld!I』m
HTML
我們看標簽上有一個id,這是這個標簽的唯一標識,方便別人找到它,對它進行操作。
2.CSS層疊樣式表單(CascadingStyleSheet)。是將樣式信息與網頁內容分離的一種標記性語言
。作為網站開發者,你能夠為每個HTML元素定義樣式,並將之應用於你希望的任意多的頁面中。如需進行全局的更新,只需簡單地改變樣式,然後網站中的所有元素均會自動地更新。這樣,即設計人員能夠將更多的時間用在設計方面,而不是費力克服HTML的限制。說白了,CSS就是設置網頁上HTML元素屬性的語言。
CSS代碼:
#hello{_olor:blue;_
當把這段CSS代碼應用於HTML中,它會找到id為「hello」的HTML標簽,將其中的內容以藍色顯示出來;具體的插入HTML的方法這里不再贅述(說一句,只說明是什麼,有什麼用的問題,不關注技術細節,技術細節網上很好找)。
3.Javascript,首先說明JavaScript和Java無關,JavaScript是屬於網路的腳本語言!那麼為什麼名字如此相似?這是典型的市場營銷方面的成功,它的推廣成功,也是借了Java的東風。當微軟開始意識到Javascript在Web開發人員中流行起來時,微軟還是一貫風格,建立了自己的腳本語言,JScript。
Javascript是一種基於對象(Object)和事件驅動(Event
Driven)並具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java腳本語言(Java小程序)一起實現在一個Web頁面中鏈接多個對象,與Web客戶交互作用。例如可以設置滑鼠懸停效果,在客戶端驗證表單,創建定製的HTML頁面,顯示警告框,設置cookie等等。
網頁中所有的對數據進行判斷、操作以及向瀏覽者反饋信息的本地代碼實現部分均是Javascript(當然也有其他的),這樣既可以使網頁更具交互性,給用戶提供更令人興奮的體驗,同時減輕了伺服器負擔。
JS的代碼如下:
functionjsHello(){
__alert('HelloWorld!');_
}
當把以上代碼應用於HTML代碼,它會在你的HTML載入時,彈出一個內容為「HelloWorld!」的對話框。同樣,它是通過嵌入或調入在標準的HTML語言中實現的,至於如何嵌入或調入不再贅述,理由上面提到了。
4.Xml可擴展標記語言(ExtensibleMarkupLanguage),是一套定義語義標記的規則,這些標記將文檔分成許多部件並對這些部件加以標識。它也是元標記語言,即定義了用於定義其他與特定領域有關的、語義的、結構化的標記語言的句法語言。你可以把XML理解為一種資料庫,例如rss就是xml的一種變體。
XML代碼如下:
XML的起因是,用戶受到SGML(後面再說)復雜性的挫傷和HTML的不充分。相對HTML來說,XML更追求嚴謹性,如果說你在HTML代碼中標簽比較混亂,如未關閉等,或許瀏覽器會忽略這些錯誤;但同樣的事情發生在XML中會給你帶來大麻煩。
鋪墊終於完了,在進入正題之前,建議大家對比著圖來理解後邊的內容,廢話不多說,開始進入正題。第二部分
這里的DOM指的是HTMLDOM。HTMLDOM是W3C的標准,同時它也是HTML的文檔對象模型的縮寫(theDocumentObjectModelfor
HTML)。HTMLDOM定義了用於HTML的一系列標準的對象,以及訪問和處理HTML文檔的標准方法。
通過DOM,可以訪問所有的HTML元素,連同它們所包含的文本和屬性。其中的內容可以修改和刪除,同時也可以創建新的元素。HTMLDOM獨立於平台和編程語言。它可被任何編程語言諸如Java、Javascript和VBScript所使用。HTMLDOM就是HTML語言對外界開通的介面,以便其他語言能夠訪問或修改HTML內部的元素。
當js需要對html元素進行操作時,DOM是一個很必要的對象。
你便可以通過利用DOM對象構造如下代碼並插入到HTML代碼中的任何位置來實現。
當用CSS去修飾HTML中的元素,這一過程可以稱為聲明HTML元素樣式的過程。
SGML標准通用標記語言()。由於SGML的復雜,導致難以普及。SGML有非常強大的適應性,也正是因為同樣的原因,導致在小型的應用中難以普及。HTML和XML同樣衍生於SGML:XML可以被認為是SGML的一個子集,而HTML是SGML的一個應用。XML的產生就是為了簡化SGML,以便用於更加通用的目的。比如語義Web,它已經應用於大量的場合,比較著名的有XHTML、RSS、XML-RPC和SOAP。
XHTML是可擴展超文本標識語言()。HTML是一種基本的Web網頁設計語言,XHTML是一個基於XML的置標語言,看起來與HTML有些相象,只有一些小的但重要的區別,XHTML就是一個扮演著類似HTML的角色的XML,所以,本質上說,XHTML是一個過渡技術,結合了部分XML的強大功能及大多數HTML的簡單特性。
簡單的說,XHTML比HTML要嚴謹些,但又沒像XML那麼嚴重——譬如所有的XHTML標簽以及屬性必須要小寫,屬性性必須要加雙引號(當然如今的瀏覽器不管是IE還是FF,對HTML和XHTML採取兼容措施,這也是XSS產生的根本原因),而且也可以像XML一樣自定義部分標簽,因此有了極大的靈活性。
而且進入了XHTML時代,大家倡導的是CSS+DIV,這也是web2.0的基礎。
DHTML只是一種製作網頁的概念,實際上沒有一個組織或機構推出過所謂的DHTML標准或技術規范之類的。DHTML不是一種技術、標准或規范,DHTML只是一種將目前已有的網頁技術、語言標准整和運用,製作出能在下載後仍然能實時變換頁面元素效果的網頁的設計概念。DHTML就是動態的html,Dynamic
HTML。傳統的html頁面是靜態的,Dhtml就是在html頁面上加入了javascript腳本,使其能根據用戶的動作作出一定的響應,如滑鼠移動到圖片上,圖片改變顏色,移動到導航欄,彈出一個動態菜單等等。
一般如:
Expression是微軟為了使樣式表能夠在修飾HTML樣式的同時執行javascript腳本而在IE瀏覽器中增加的一個功能,這樣你可以做譬如:圖片的自適應寬度,表格的隔行換色等等。
如:img{max-width:500px;width:expression(document.body.clientWidth>
200?「200px」:「auto」);}
XMLHTTP最通用的定義為:XmlHttp是一套可以在Javascript、VbScript、Jscript等腳本語言中通過http協議傳送或從接收XML及其他數據的一套API。XmlHttp最大的用處是可以更新網頁的部分內容而不需要刷新整個頁面。
來自MSDN的解釋:XmlHttp提供客戶端同http伺服器通訊的協議。客戶端可以通過XmlHttp對象向http伺服器發送請求並使用微軟XML文檔對象模型Microsoft_XMLDocumentObject
Model(DOM)處理回應。
現在的絕對多數瀏覽器都增加了對XmlHttp的支持,IE中使用ActiveXObject方式創建XmlHttp對象,其他瀏覽器如:Firefox、Opera等通過window.XMLHttpRequest來創建XmlHttp對象。
一個簡單的定義IE的XmlHttp的對象及應用的實例如下:
varXmlHttp=newActiveXObject("Microsoft.XMLhttp");
XmlHttp.Open("get","url",true);
XmlHttp.send(null);
XmlHttp.onreadystatechange=functionServerProcess(){
__f(XmlHttp.readystate==4||
XmlHttp.readystate=='complete')
__
___
alert(XmlHttp.responseText);
__
}
XSLT()最早設計XSLT的用意是幫助XML文檔(document)轉換為其它文檔。但是隨著發展,XSLT已不僅僅用於將XML轉換為HTML或其它文本格式,更全面的定義應該是:XSLT是一種用來轉換XML文檔結構的語言。
XSL-FO:XSL在轉換XML文檔時分為明顯的兩個過程,第一轉換文檔結構;其次將文檔格式化輸出。這兩步可以分離開來並單獨處理,因此XSL在發展過程中逐漸分裂為XSLT(結構轉換)和XSL-FO(formattingobjects)(格式化輸出)兩種分支語言,其中XSL-FO的作用就類似CSS在HTML中的作用。
AJAX:非同步JavaScript和XML(AsynchronousJavaScript
andXML)。
最後一個東東,它算得上是web2.0思想的心。
AJAX=CSS+HTML+JS+XML+DOM+XSLT+XMLHTTP。是指一種創建互動式網頁應用的網頁開發技術。AJAX不是一種單一的新技術,而是有機地利用了一系列相關的技術。
在2005年,Google通過其GoogleSuggest使AJAX變得流行起來。
GoogleSuggest使用AJAX創造出動態性極強的web界面:當您在谷歌的搜索框輸入關鍵字時,Javascript會把這些字元發送到伺服器,然後伺服器會返回一個搜索建議的列表。
在AJAX中,XmlHttp用來在不改變頁面的情況下傳輸數據,其中傳輸的數據即是XML,然後通過XSLT將其格式化,利用js通過dom對象將其顯示到HTML中,同時利用CSS確定數據的顯示及位置。
這項技術在網路上的應用無處不在,如你的微博,你的郵箱,你的QQ空間,再如搜索引擎,電子商務平台,網路地圖等等。
以上就是小編今天為大家分享的關於Web前端初學者要知道的常見web技術之間的關系的文章。本文主要探討了Web開發技術之間的關系,以及他們組合起來到底有什麼用的問題。希望對掙扎在Web開發學習前線的朋友有所幫助。想要了解更多web前端相關知識記得關注北大青鳥web培訓官網。最後祝願小夥伴們工作順利!
㈨ 如何設置web背景漸變效果
網頁產生漸變效果不一定非要什麼FLASH其實原理非常簡單,META標簽中就帶有動態濾鏡的功能。本站的這種效果其實就是用了meta標簽而沒有做其他任何修改。
你可以把以下這兩段加到你的HTML的META頭中,再看看效果:-)
<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
blendTrans其實就是一種動態濾鏡效果,當然還有其他的方法也可以產生這種動態濾鏡效果
<Meta http-equiv="Page-Enter" Content="revealTrans(ration=x, transition=y)">
<Meta http-equiv="Page-Exit" Content="revealTrans(ration=x, transition=y)">
Duration表示濾鏡特效的持續時間(單位:秒)
Transition濾鏡類型。表示使用哪種特效,取值為0-23。
0 矩形縮小
1 矩形擴大
2 圓形縮小
3 圓形擴大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯位橫百葉窗
11 錯位豎百葉窗
12 點擴散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機選擇一種
Tags: 資料存檔, 有意思
㈩ C# datagridview 奇數列隔列變色!!
DataGridViewCellStyle style = new DataGridViewCellStyle(); //自定義一種單元格樣式.
style.BackColor = Color.LightCyan; //其實就是換種顏色.
dataGridView1.RowHeadersVisible = false; //覺得顯示在行頭的那個方塊不好看,去掉~
dataGridView1.SelectionMode = DataGridViewSelectionMode.FullRowSelect; //單擊某個單元格,選中其所在的行,這樣看數據蠻方便.
dataGridView1.ColumnHeadersHeightSizeMode = .DisableResizing; //用戶不能調整列標題欄的大小.
dataGridView1.AutoSizeColumnsMode = .AllCells; //列寬度樣式,最長的數據能全部顯示,這樣就不會出現"....."了.
dataGridView1. = style; //奇數行的樣式設置為先前定義的樣式,讓相鄰行有顏色反差.