Time of Update: 2018-12-04
function preview(oper) { if (oper < 10) { bdhtml = window.document.body.innerHTML;//擷取當前頁的html代碼 sprnstr = "<!--startprint" + oper + "-->";//設定列印開始地區 eprnstr = "<!--endprint" +
Time of Update: 2018-12-04
1.2 跟css有關的標記,指令1.2.1 link<link rel="stylesheet" type="text/css" href="sheet1.css" media="all" />link標記的用意是允許將html與其他文檔相關聯。Css用link將css文檔與html文檔想關聯。Css文檔雖然不是html的一部分,但是被html使用,從外部style
Time of Update: 2018-12-04
記錄下:var colors = { aqua: '#0ff', black: '#000', blue: '#00f', gray: '#808080', purple: '#800080', fuchsia: '#f0f', green: '#008000', lime: '#0f0', maroon: '#800000', navy: '#000080', olive: '#808000', orange:'#ffa5
Time of Update: 2018-12-05
關於javascript(js)和css壓縮公用程式,有3款比較流行:JSMin、YUI-compressor、Dojo compressor 。javascript 壓縮公用程式使用說明-ECMAScript cruncher分別介紹了JSMin, YUI-compressor和Dojo Compressor;之前一直都說是js壓縮公用程式,其實所有這些工具也是壓縮css的工具;從之前的幾個文章中的簡單測試來看,目前用過的幾個工具裡面,YUI
Time of Update: 2018-12-05
white-space : normal |pre | nowrap 這個屬性的話一般要用的話就是後面的nowrap了,意思就是讓一個標籤裡的內容在一行顯示,如果這行顯示不下也要強制顯示出來。有興趣可以參考百度的首頁,它上面就用到了這個屬性,這是在我學習CSS時查看百度首頁CSS時發現的。不過現在已經不存在了。什麼是什麼|試試就知道什麼是什麼|試試就知道word-wrap : normal |break-word
Time of Update: 2018-12-05
CSS表單-文本輸入框美化CSS教程 [code]昨天我做了一個表單範本給大家看,眩目漂亮的時尚表單範本,今天我就來仔細分解一下文本輸入框的美化步驟,高手就飄過了。 css美化其實就是一個原理的問題,如果把原理搞清楚了,很多事情就容易明白了。 首先我們都知道文本輸入框如果不做css美化,直接把它放在頁面裡面,很難和整體設計融合起來,這也是我們要做美化的主要原因。下面是一個input文本輸入框的html代碼:
Time of Update: 2018-12-05
最近由於需要,在做一個部落格管理系統,在即將完工之際,遇到從沒遇到過的問題,頁面在IE7和FF都顯示正常,而在IE6下,部分css失效,最後經查閱發現問題所在是css編碼問題:網頁採用的是utf-8編碼的,而CSS是使用的是ANSI編碼的,這種情況在IE8、IE7和Firefox可以被識別CSS樣式會正常顯示,但是IE6及其以下版本都不認識,導致了上面問題描述的情況。解決辦法:將網頁和CSS檔案的編碼使用一樣的,就可以了,建議將CSS檔案的樣式修改使其和網頁保持一致。修改CSS檔案的編碼方式可以
Time of Update: 2018-12-05
<HTML><HEAD><link ID="skin" rel="stylesheet" type="text/css"><TITLE>換膚技術</TITLE><SCRIPT LANGUAGE=javascript><!--function SetCookie(name,value){var argv=SetCookie.arguments;var
Time of Update: 2018-12-05
===============================================本文作者是:Trenton Moss。 發表網站是:http://www.webcredible.co.uk。===============================================1. CSS字型屬性簡寫規則一般用CSS設定字型屬性是這樣做的:font-weight: bold;font-style: italic;font-varient:
Time of Update: 2018-12-05
網上的免費 Web 模板多如牛毛,良莠不齊,這組模板是 Smashing Magazine推薦的,全部是基於 XHTML/CSS 的。在 W3C 標準愈趨重要的時代,自覺使用最規範的代碼可以讓您的設計更經得起時間的考驗。XHTML在代碼上的要求比 HTML 更規範,而 CSS,幾乎就是現代 Web 設計的代名詞。這100個 XHTML/CSS模板分三組推出。這是第三組,其它部分請參閱第一組,第二組。Real Estate | Download Real EstateBusiness
Time of Update: 2018-12-05
記錄的是一次HP CSS服務,HP進階工程師做的工作,希望對大家有所協助機器: HP RP8400(單機)OS : HP UNIX11.11DISK ARRAY: HP VA7400以下是HP工程師做預防維護時使用的命令(按順序)1. model 2. uptime3. top4. sar 2 35. cd var/adm ll net* tail shut*6. dmesg7. swapinfo8. cstm(這個工具非常好用,大家可以重點注意) set dev 1
Time of Update: 2018-12-04
今日聽說windowsvista首頁的背景是上海外灘,就去看了一下,果然。但是發現一個問題,視窗寬度較小時,會出現捲軸,搜尋方塊需要向右捲動才能看到。而當頁面向右捲動的時候,露出來了上海灘背景底下的黑白漸層的醜陋底褲。其實這個背景圖足夠長(見),所以上述行為看來是寫網頁的人的問題造成的。拿原始碼看了一下,果然。 <div id="wvhpA"> <img id="homeLogo" src="/library/media/1033/windowsvista/
Time of Update: 2018-12-05
CSS布局常用的方法float:none|left|right 取值:none:預設值。對象不飄浮left:文字資料流向對象的右邊right:文字資料流向對象的左邊 它是怎樣工作的,看個一行兩列的例子 xhtml代碼:Example Source Code <div id="wrap"> <div id="column1">這裡是第一列</div> <div id="column2">這裡是第二列</div> <div
Time of Update: 2018-12-03
CSS 偽類用於向某些選取器添加特殊的效果。CSS 偽類 (Pseudo-classes)執行個體:超連結本例示範如何向文檔中的超連結添加不同的顏色。超連結 2本例示範如何向超連結添加其他樣式。:first-child(首個子物件)本例示範 :first-child 偽類的用法。:lang(語言)本例示範 :lang 偽類的用法。 CSS 定位屬性 (Positioning)偽類的文法:selector:pseudo-class {property: value}CSS 類也可與偽類搭配使用。
Time of Update: 2018-12-05
<style>tr{background-color:expression((this.rowIndex%2==0)?"blue":"red");ryo:expression(onmouseover=function(){this.style.backgroundColor=(this.style.backgroundColor!='gray'?'gray':((this.rowIndex%2==0)?"blue":"red"))},onmouseout=function(){thi
Time of Update: 2018-12-04
CSS模組化不是簡單的在CSS檔案中分幾塊,或者把css拆分成幾個小css檔案。CSS模組化的目的是讓css的可複用、可移植、可替換,實現的手段有封裝、繼承、多態,對於CSS模組化的封裝、繼承、多態的瞭解詳見 淺談CSS模組化 。對於大型項目的CSS模組化很重要,做的好以後的維護就很方便。模組的代碼塊要獨立,只依賴reset和全域樣式,不依賴其它模組代碼
Time of Update: 2018-12-05
玩WEB重構的朋友相信都有一個同樣的苦惱,那就是由於瀏覽器版本的不同,對CSS裡某些元素的解釋也不一樣,才子當然也碰到同樣的問題,也收集了一些解決方案,才子之前貼過兩個針對瀏覽器版本不同而選擇不同CSS的代碼,有興趣的朋友自己找找吧。 其實我們還可以利用條件注釋的方法來達到類似的目的,什麼是條件注釋,才子也在此簡單介紹一下,無非就是一些if判斷啦,呵呵,但這些判斷不是在指令碼裡執行的,而是直接在html代碼裡執行的,下面來介紹一下使用方法吧。<!--[if XXX]>
Time of Update: 2018-12-05
內容:content/container導航:nav側欄:sidebar欄目:column標誌:logo頁面主體:main廣告:banner熱點:hot新聞:news下載:download子導航:subnav菜單:menu搜尋:search頁尾:footer滾動:scroll著作權:copyright友情連結:friendlink子功能表:submenu內容:content標籤頁:tab文章列表:list註冊:regsiter提示資訊:msg小技巧:tips加入:joinus欄目標題:title
Time of Update: 2018-12-04
相信多數開發人員不會多個空格。偶然發現的,網上多數css格式化將壓縮後的css格式化後會發生這個情況。 搜“css格式化”,以下網站 softbar http://www.softbar.com/ 格式化後會多出個空格,多出空格後樣式規則失效了。01<!DOCTYPE html>02<html>03 <head>04 <meta charset="utf-8">05
Time of Update: 2018-12-05
從開始接觸HTML+CSS布局開始,也有將近半年時間了,除去中間打醬油的三四個月,自己也大概在上面花了一個月的功夫,時間不長,暫且把學過的東西總結一下。 首先談談HTML的元素,主要分三類,塊狀元素、內嵌元素和內聯塊狀元素。塊狀元素display:block的特性是水平展開,垂直包裹,可以設定寬度和高度。對於展開我是這樣理解的,比如先定義了頁面的body,一般情況下body的寬度差不多等於頁面的寬度(有8px的margin),這時如果你定義了一個p元素的話,如果未設定p元素的寬度,那麼p元