Time of Update: 2017-02-28
css|web|web標準 原文:What is the Best Way to Mark up the Title of a Document? 說明:本文是 《Web Standards Solutions: The Markup and Style Handbook》一書中的一章。書號:ISBN:1590593812。我們會陸續翻譯此書中有價值的章節。 原作者:Dan Cederholm
Time of Update: 2017-02-28
最近,我不得不對我的一個客戶的舊網站進行更新,使得它能夠達到可訪問性的標準。對三四年前的舊代碼進行挖掘的想法根本沒有吸引力,主要是因為我曾經使用的很多編程慣例已經不再適用,特別是從可訪問性上來講。我曾經使用絕對的字型大小,固定的頁面寬度和表格來做版面設計和空間分配。 像那時建構的很多網站一樣,我的客戶的網站使用了Cascading Style Sheets
Time of Update: 2017-02-28
css
Time of Update: 2017-02-28
css|樣式表
Time of Update: 2017-02-28
歡迎大家能和我一起把這些技巧都匯總起來,為以後工作的查詢提供一個方便,同時在這裡感謝那些研究出這些CSS HACK的作者們。 屏蔽IE瀏覽器(也就是IE下不顯示)*:lang(zh) select {font:12px !important;} /*FF,OP可見,特別提醒:由於Opera最近的升級,目前此句只為FF所識別*/select:empty {font:12px !important;}
Time of Update: 2017-02-24
前面的話 通過過渡transition,可以讓web前端開發人員不需要javascript就可以實現簡單的動畫互動效果。過渡屬性看似簡單,但實際上它有很多需要注意的細節和容易混淆的地方。本文將介紹和梳理關於CSS過渡的知識
Time of Update: 2016-05-16
1、十六進位的顏色值對位元與大小寫 編寫十六進位顏色值時你可能會用小寫字母或省略成3位元,關於這寫法沒找到確實的資料證明對瀏覽器的渲染效率是否有影響,但十六進位的顏色值預設標準是大寫及6位元標註。在未知情況下不希望冒險而降低了渲染的效率。 * 不贊成 - color:#f3a; * 建議用 - color:#FF33AA; 2、display與visibility的差異
Time of Update: 2016-05-16
一、先看看在網頁中經常出現的按鈕與文字框的本來面目吧! 對照,我們怎麼樣才能改變文字框與按鈕的模樣呢?那在下面我為大家提供兩種文字框與按鈕樣式作為例子參考,第一種是文字框與按鈕無立體感,只是有線 條顏色與填充顏色的,這種效果大家可能在很多網站上都看見過,給人一種特別的感覺,很不錯的,第二種效果就比較特殊了,是將文字框做成一種類似於底線的
Time of Update: 2016-05-16
但是實際上,瀏覽器遠遠不止這幾個,Firefox分為Firefox 1.5,Firefox 2,Firefox 3幾個主要版本,IE7,IE6中也各有好幾個系列,另外除開這兩個主流廠商的產品之外,還有Opera,Konqueror,Netscape,chrome等一系列。
Time of Update: 2018-12-08
xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 產品介紹 產品一產品一產品一產品一產品一產品一服務介紹服務二服務二服務二服務二服務二服務二服務二服務二服務二成功案例案例三案例案例三案例三案例三案例三案例三關於我們我們四我們四我們四我們四111線上示範示範示範示範示範示範示範示範示範示範示範示範示範示範示範示範示範示範示範示範聯絡我們聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡聯絡
Time of Update: 2018-12-08
新寫的JS 用戶端 UI:採用封裝模式的思想,富用戶端UI就像外殼一樣附加到普通的元素上。部分UI使用了兩種實現,一種直接使用Html,CSS,JS結合的方式,一種直接使用JS(UI結尾的檔案使用這種方式)。看過ExtJS做的,很漂亮,效果很絢,我做不到那種程度,但不喜歡那種編程方式,做ExtJS的的確是CSS,JS的高手,但沒有提供良好的面對對象的設計和使用。精力有限,不想在js上花太大時間,只做了一些常用的。 下載:WWTJS.rar服務期端還有WWT.jar 開發中
Time of Update: 2018-12-08
一、類型選擇符 body { font-size:12px; } { color:blue; } 指對網頁中已有的標籤類型作為名稱的選擇符,如上表示:body標籤內的所有文字大小為12px;段落內的文字顏色為藍色。 二、群組選擇符 h4,p,span { font-size:12px; } 表示頁面所有的h4,p,span標籤內文字都為12px大小,即對一組對象進行相同的樣式指定,每個標籤之間用逗號分隔開來。 三、包含選擇符 div p {
Time of Update: 2018-12-08
· ul 標籤在 Mozilla 中預設是有 padding 值的,而在 IE 中只有 margin 有值。 · 同一個的 class 選擇符可以在一個文檔中重複出現,而 id 選擇符卻只能出現一次;對一個標籤同時使用 class和 id 進行 CSS 定義,如果定義有重複,id 選擇符做的定義有效。 · 初學可能會碰到這樣一個情況,同樣一個標籤的屬性在 IE 設定成 A 顯示是正常的,而在 Mozilla 裡必須要設成 B 才能正常顯示,或者兩個倒過來。 臨時解決方案:選擇符 {屬性名稱:
Time of Update: 2018-12-08
本以為可以很簡單的在CSS裡像input那樣的給解決,結果沒想到試了一下才知道常規的CSS根本沒法改變的select樣式,CSS裡怎麼弄,select都仍然是預設的那三維的樣式。於是在網上搜尋了一下,才知道,原來這個select是不能用常規的方法來定義CSS樣式的。要用特殊的方法來處理。相信有很多朋友在處理網頁的時候都會遇到這個問題,於是找了一篇不錯的文章轉過來,希望對大家有協助————
Time of Update: 2018-12-08
css元素定位 1. position:static|無定位position:static是所有元素定位的預設值, 一般不用註明,除非有需要取消繼承的別的定位example:#div-1 { position:static;}2. position:relative|相對定位使用position:relative,就需要top,bottom,left,right4個屬性來配合,確定元素的位置。如果要讓div-1層向下移動20px,左移40px:example:#div-1 { position:
Time of Update: 2018-12-07
本文收集整理20多個功能超強並且挺漂亮的Ajax/CSS表格設計分享給大家,這些表格有表格式資料的排序和過濾等。讓我們來看一下這些表格:1. TableclothTablecloth由CSS Globe開發,是一個輕巧便於使用的表格,簡潔的將表格樣式添加到你的HTML表格元素中。2. Ask the CSS Guy TableAsk the CSS Guy
Time of Update: 2018-12-07
簡單的隔行變色:<style type="text/css"> <!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")} --> </style> <table> <tr><td>第1行</td><td>第1列</td></tr>
Time of Update: 2018-12-07
行內樣式(Inline Style),如<span style="color:red">...</span>;ID選擇符(ID selectors),如#myid;類、屬性選擇符、偽類(Classes, attributes and pseudo-classes),如 .class {...}、[href$=dudo.org]、:hover;類型(elements)、偽類型選擇符(pseudo-elements),如 p {...}、:first-line
Time of Update: 2018-12-07
控制橫向和縱向捲軸的顯隱?<body style="overflow-y:hidden"> 去掉x軸<body style="overflow-x:hidden"> 去掉y軸<body scroll="no">不顯表格變色<TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''"style="CURSOR: hand"&
Time of Update: 2018-12-07
一、簡介: 目前開發Web應用Javascript發揮的作用越來越大,相關的Javascript架構也比較多。但是有一個問題,我們開發過程中,所有的JS代碼都添加了注釋,如使用JsDoc,代碼的可讀性比較強,同時這樣的代碼也便於調試。但是在產品環境中,我們希望這些JS代碼是壓縮和混淆過的,這主要是讓 JS代碼載入的更快,這也是Google AJAX Libraries API出現的原因。YUI Compressor 是一款由 Yahoo 公司開發的、功能非常強大的 JS、CSS