<td id="tn0az"></td>
      <output id="tn0az"><sup id="tn0az"></sup></output>

        <var id="tn0az"><output id="tn0az"></output></var>

          當前位置: 首頁 > CSS
          • 看看你是哪個等級的CSS開發人員

            CSS? Isn’t that a multiplayer game?
            第0級:CSS?那不是一個多人射擊游戲嗎?
            有些人因為在找CS:S(Counter Strike: Source)這款游戲的資訊而進到#CSS網站。不必擔心這些人,他們不可能制作太多網頁,所以對網絡也不會造成多大傷害。

            Yeah, I use it to remove underlines on links sometimes
            第1級:是啊,我偶爾用它來移除連結的底線

            和第0級的人不同,這些人學過HTML,也制作過幾個簡單的網站。他們只有在無法使用HTML制作出某些效果時,才會使用CSS,例如移除連結的底線或者設定行高。這些人的網站通常規模不大也沒什么訪客,所以他們也不會對網絡造成太大傷害。

            No, I don’t like divs; tables are much easier to work with
            第2級:不,我不喜歡div元素;表格好用多了

            他們聽過使用div元素來設計網頁這件事,也花了些時間學習CSS。不過他們很快就放棄了,覺得CSS太難而且支持度不佳,還是寧可用表格排版。
            注意!他們是危險人物!他們在這個領域已經待了一段時間,許多都是網站部門的主管。和他們接觸是很重要的,提倡網絡標準的人應該多多開導他們,這對網絡的意義非同小可。

            閱讀全文
            作者:駑鳥 | 分類:前端技術 | 標簽:, ,
          • CSS 中的黃金分割率

            這是一位叫做  Christos Chiotis 的希臘 Web 設計師發表在 CssGlobe 的一篇文章,講述了黃金分割率在 CSS 中的應用。黃金分割率是一個應用廣泛的數學常數,大約為 1.6180339887。黃金分割率用在 Web 設計中,可以為設計帶來更多視覺上的和諧。 在一個簡單的兩欄式頁面布局中,使用兩個容器,第一個容器用來顯 ...

            閱讀全文
            作者:駑鳥 | 分類:電腦網絡 | 標簽:,
          • HTML元素的默認CSS設置

            /**default css style**/
            html, address,
            blockquote,
            body, dd, div,
            dl, dt, fieldset, form,
            frame, frameset,
            h1, h2, h3, h4,
            h5, h6, noframes,
            ol, p, ul, center,
            dir, hr, menu, pre { display: block }
            li { display: list-item }
            head { display: none }
            table { display: table }
            tr { display: table-row }
            thead { display: table-header-group }
            tbody { display: table-row-group }
            tfoot { display: table-footer-group }
            col { display: table-column }
            colgroup { display: table-column-group }
            td, th { display: table-cell; }
            caption { display: table-caption }
            th { font-weight: bolder; text-align: center }
            caption { text-align: center }
            body { margin: 8px; line-height: 1.12 }
             

            閱讀全文
            作者:駑鳥 | 分類:電腦網絡 | 標簽:, ,
          • 常用CSS縮寫語法總結

            使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規則如下:

            顏色16進制的色彩值,如果每兩位的值相同,可以縮寫一半,例如:
            #000000可以縮寫為#000;#336699可以縮寫為#369;

            盒尺寸通常有下面四種書寫方法:
            property:value1; 表示所有邊都是一個值value1;
            property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
            property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3
            property:value1 value2 value3 value4; 四個值依次表示top,right,bottom,left
            方便的記憶方法是順時針,上右下左。具體應用在margin和padding的例子如下:
            margin:1em 0 2em 0.5em;

            邊框(border)邊框的屬性如下:
            border-width:1px;
            border-style:solid;
            border-color:#000;
            可以縮寫為一句:border:1px solid #000;
            語法是border:width style color;

            閱讀全文
            作者:駑鳥 | 分類:電腦網絡 | 標簽:, ,
          • CSS framework:淺談CSS框架利弊

            CSS框架之利:

              1、開發效率的提高。

              如果你是一個企業建站的前端開發,相信在大部分時間里進行著同類站點的代碼工作。定義好的框架可以大大提高你的工作效率,避免一些常見的錯誤。如果你的工作是按件計費的,你的報酬一定會比別人多。

              2、規范代碼命名。

              在多個站點中你可能會用到一些同樣的CLASS或ID。如果你有一套完善的css框架,很快你就能對你的每一個站點的代碼進行通讀。不用浪費時間在代碼的閱讀上。

              3、更好的團隊合作

              有些公司會將一些稍大的站點的前端代碼分成若干子項目。有過此類經驗的朋友應該對這種開發方式深感郁悶,要注意公用css,還有注意相互之間的代碼配合。久而久之,廢棄代碼越來越多,互相之間也難以閱讀。如果建立好合適的CSS框架,大家可以減少很多不必要的錯誤,提升產品質量和工作效率。

              4、解決瀏覽器的兼容性問題

              現在大部分項目都要求兼容IE6,7和FF。每個站點可能都會花上一部分時間去處理兼容問題。在框架層面上就將這個問題處理好。就可以為后面的兼容問題節省下大部分時間。

              5、一套完整的、結構清晰的結構代碼。

              CSS框架為你的項目提供一個干凈、嚴謹的基礎架構。通過它你可以快速的為你的站點搭建基礎的html代碼框架。萬事開頭難,前面的基礎工作做好了。后面的開發速度會提高很多。

            閱讀全文
            作者:駑鳥 | 分類:電腦網絡 | 標簽:, ,
          • 書寫高效的CSS 漫談CSS的渲染效率

              總結了部分所學、所聽、所看、所問的一些CSS寫作經驗,書寫高效的CSS – 漫談CSS的渲染效率,它們與渲染效率及所占用消耗的資源有一定的關聯。部分為自己理解所寫,不排除會有錯漏,歡迎提供更好的意見。

            1、十六進制的顏色值對位數與大小寫

              編寫十六進制顏色值時你可能會用小寫字母或省略成3位數,關于這寫法沒找到確實的數據證明對瀏覽器的渲染效率是否有影響,但十六進制的顏色值默認標準是大寫及6位數標注。在未知情況下不希望冒險而降低了渲染的效率。
            * 不贊成 – color:#f3a;
            * 建議用 – color:#FF33AA;

            2、display與visibility的差異

              他們用于設置或檢索是否顯示對象。display隱藏對象不保留物理空間,visibility為隱藏對象保留占據的物理空間。當瀏覽器渲染被占據的物理空間時,會有所消耗資源。
            * 不贊成 – visibility:hidden;
            * 建議用 – display:none;

            3、border:none;與border:0;的區別

              和display與visibility的關系類似,分別不保留與保留空間。更多的是border:0;盡管可以隱藏掉邊框,但它會為你保留border-color/border-style的使用權。
            * 不贊成 – border:0;
            * 建議用 – border:none;

            4、不宜過小的背景圖片平鋪

              一張寬高1px的背景圖片,雖然文件體積非常之小,但渲染寬高500px的板塊需要重復平鋪2500次。提高背景圖片渲染效率跟圖片尺寸及體積有關,最大的圖片文件體積保持約70KB。
            * 不贊成 – 寬高8px以下的平鋪背景圖片
            * 建議用 – 衡量適中體積及尺寸的背景圖片

            閱讀全文
            作者:駑鳥 | 分類:電腦網絡 | 標簽:
          • The IE Doubled Float-Margin Bug

            對高度的解析

              IE:將根據內容的高度變化,包括未定義高度的圖片內容,即使定義了高度,當內容超過高度時,將使用實際高度
              Firefox:沒有定義高度時,如果內容中包括了圖片內容,MF的高度解析是根據印刷標準,這樣就會造成和實際內容高度不符合的情況;當定義了高度,但是內容超過高度時,內容會超出定義的高度,但是區域使用的樣式不會變化,造成樣式錯位。
              結論:大家在可以確定內容高度的情況下最好定義高度,如果真的沒有辦法定義高度,最好不用使用邊框樣式,否則樣式肯定會出現混亂!

            其他的細節差別

              當你在寫css的時候,特別是用float: left(或right)排列一竄圖片時,會發現在firefox里面正常而IE里面有問題。無論你用margin:0,還是border: 0來約束,都無濟于事。

              其實這里還有另外一個問題,就是IE對于空格的處理,firefox是忽略的而IE對于塊與塊之間的空格是處理的。也就是說一個div結束后要緊接著一個div寫,中間不要有回車或者空格。不然也許會有問題,比如3px的偏差,而且這個原因很難發現。

              非常不走運的是我又碰到了這樣的問題,多個img標簽連著,然后定義的float: left,希望這些圖片可以連起來。但是結果在firefox里面正常而IE里面顯示的每個img都相隔了3px。我把標簽之間的空格都刪除都沒有作用。

              后來的解決方法是在img外面套li,并且對li定義margin: 0,這樣就解決了IE和firefox的顯示偏差。IE對于一些模型的解釋會產生很多錯誤問題,只有多多嘗試才能發現原因。

            閱讀全文
            作者:駑鳥 | 分類:電腦網絡 | 標簽:, ,
          • CSS的合理的編碼與組織技巧

              CSS代碼更清晰高效的一些經驗是許多網頁制作者與開發者都關心的問題。但是大概沒有什么魔法,可以保證一下就把你的樣式表縮小到百分之多少,合理的CSS 編碼與組織技巧,的確能夠幫助你的更有效率地寫出更清晰高效的代碼,自然CSS樣式表大小的縮減還能減少下載的時間。 
             
            一、排版: 
             
            1、關鍵詞和操作符之間加適當的空格。
            2、相對獨立的程序塊與塊之間加空行
            3、較長的語句、表達式等要分成多行書寫。
            4、劃分出的新行要進行適應的縮進,使排版整齊,語句可讀。
            5、長表達式要在低優先級操作符處劃分新行,操作符放在新行之首。
            6、循環、判斷等語句中若有較長的表達式或語句,則要進行適應的劃分。
            7、若函數或過程中的參數較長,則要進行適當的劃分。
            8、不允許把多個短語句寫在一行中,即一行只寫一條語句。
            9、函數或過程的開始、結構的定義及循環、判斷等語句中的代碼都要采用縮進風格。
            10、C/C++語言是用大括號‘{’和‘}’界定一段程序塊的,編寫程序塊時‘{’和‘}’應各獨占一行并且位于同一列,同時與引用它們的語句左 對齊。在函數體的開始、類的定義、結構的定義、枚舉的定義以及if、for、do、while、switch、case語句中的程序都要采用如上的縮進方 式。 
             
            二、注釋 
             
            1、注釋要簡單明了。
            2、邊寫代碼邊注釋,修改代碼同時修改相應的注釋,以保證注釋與代碼的一致性。
            3、在必要的地方注釋,注釋量要適中。注釋的內容要清楚、明了,含義準確,防止注釋二義性。保持注釋與其描述的代碼相鄰,即注釋的就近原則。
            4、對代碼的注釋應放在其上方相鄰位置,不可放在下面。
            5、對數據結構的注釋應放在其上方相鄰位置,不可放在下面;對結構中的每個域的注釋應放在此域的右方;同一結構中不同域的注釋要對齊。
            6、變量、常量的注釋應放在其上方相鄰位置或右方。
            7、全局變量要有較詳細的注釋,包括對其功能、取值范圍、哪些函數或過程存取它以及存取時注意事項等的說明。
            8、在每個源文件的頭部要有必要的注釋信息,包括:文件名;版本號;作者;生成日期;模塊功能描述(如功能、主要算法、內部各部分之間的關系、該文件與其它文件關系等);主要函數或過程清單及本文件歷史修改記錄等。
            9、在每個函數或過程的前面要有必要的注釋信息,包括:函數或過程名稱;功能描述;輸入、輸出及返回值說明;調用關系及被調用關系說明等。 

            閱讀全文
            作者:駑鳥 | 分類:電腦網絡 | 標簽:, ,
          • 哀悼日,我們將做些什么?(附錄網站變灰色CSS濾鏡代碼)

              1、請您在2008年5月19日14時28分起從座位上起立,向本次遇難同胞默哀三分鐘;
              2、請您將QQ頭像、MSN頭像設為隱身(黑白色),字的顏色請改為黑色或灰色,以寄托我們的哀思; 請將你的網站設置為黑白灰色,如果有可能,請將所有的娛樂頻道暫時關閉。
              3、請您在哀悼日三天內,不要參加娛樂活動,不要大聲說笑,用靜靜的緬懷表達我們的悲痛;
              4、若有可能,請您在晚上點起盞盞燭光,為我們的死難同胞送行!

            提醒大家國難日應注意:
             
              第一:三天全國哀悼日期間,著裝要正式、肅穆,不要穿戴太時尚或者顏色鮮艷的衣服、鞋帽,女同志不要用鮮艷的口紅眼影化彩裝,不要佩  戴時尚的首飾;
              第二:工休的時候不許開音樂、不許打牌,不許打鬧嬉戲;
              第三:要注意維護公共場所的氣氛,在街上行走的時候,不要三五成群的嘻鬧;
              第四:下班之后不要出入舞廳、卡拉OK廳、臺球社,也不要在家里放歌曲,唱卡拉OK、舉辦朋友聚會;
              第五:可以佩戴一些表示哀悼、追念的標志或飾品;
              第六:2008年5月19日下午14:28起,停止工作三分鐘。
              第七:這是第一次為百姓舉行國喪,有些百姓會不習慣、不重視,也不知道該怎么做,希望大家盡量在親朋好友中傳遞這些信息,并隨時糾正看到的不正確行為。

            閱讀全文
            作者:駑鳥 | 分類:美文網摘 | 標簽:, ,
          • 掌握CSS縮寫技巧

              為了讓網站能夠更快,Web的建設者都會按常規地壓縮和優化網站上的每一個圖像文件,這常常使得為了將文件的大小減少幾個百分點而犧牲了圖像的質量。由于 CSS樣式表是純文本文件,和圖像相比相對較小,所以Web建設者很少考慮采取措施減少其CSS樣式表文件的大小。但是,通過使用CSS縮寫以及其他的一些簡單技巧,你可以在很大程度上減少樣式表的大小。

              Web網站可用性的關鍵指標是速度,更確切地說,是頁面能以多快的速度出現在訪問者的瀏覽器窗口里。影響速度的因素有很多種,包括Web服務器的速度、訪問者的Internet連接情況,以及瀏覽器必須下載的文件大小。盡管你無法控制服務器和連接的速度,但是你可以控制構成網站Web頁面的文件大小。

               在我對自己樣式表的一次非正式的特別測試中,我把文件的大小降低了大約25-50%。

              使用CSS的縮寫性質

              CSS 的縮寫性質(shorthand property)是一些專用的性質名,用來代替多個相關性質的集合。例如,間隙性質(padding property)是頂部間隙(padding-top)、右側間隙(padding-right)、底部間隙(padding-bottom)和左側間隙(padding-left)的縮寫。

            使用速寫性質讓你能夠把多個性質/屬性對(property/attribute pair)壓縮進CSS樣式表的一行代碼里。例如,想一想下面的代碼:

            .sample1 {

              margin-top: 15px;

              margin-right: 20px;

              margin-bottom: 12px;

              margin-left: 24px;

              padding-top: 5px;

              padding-right: 10px;

              padding-bottom: 4px;

              padding-left: 8px;

              border-top-width: thin;

              border-top-style: solid;

              border-top-color: #000000;

            }

            閱讀全文
            作者:駑鳥 | 分類:電腦網絡 | 標簽:, ,
          成年片 - 中文字幕无线码国产 - 色色五月天女人私密国语对白 - 无码欧精品亚洲日韩一区
          <td id="tn0az"></td>
              <output id="tn0az"><sup id="tn0az"></sup></output>

                <var id="tn0az"><output id="tn0az"></output></var>