【翻譯】5個簡單,但有用的CSS屬性

  這篇文章是5個你應該很熟悉的有用的CSS屬性,但很可能會很少使用。我不是在談論新的設想的CSS3屬性。我指的是舊的CSS2中的屬性,如:clip, min-height, white-space, cursor, 和 display,這些被所有的瀏覽器廣泛支援。所以,不要錯過這篇文章因為你可能會驚訝他們是多麼有用。1.CSS

【總結】瀏覽器CSS Hacks匯總

  瀏覽器安全色可以說是前端開發所要面對的第一個挑戰,目前我的電腦上已經安裝了6種瀏覽器(基於IE核心的不算,如Maxthon等)。  CSS hacks利用瀏覽器的漏洞來隱藏特定瀏覽器的CSS規則。實現瀏覽器安全色主要有兩種方式條件樣式表和CSS Hacks(Selector Hacks、Attribute Hacks)。對此根據一些資料匯總了一些CSS Hacks方法。1.條件樣式表像這樣的代碼你應該見過:Code highlighting produced by Actipro

【總結】CSS透明度大匯總

  近年來,CSS不透明算得上是一種相當流行的技術,但在跨瀏覽器支援上,對於開發人員來說,可以說是一件令人頭疼的事情。目前還沒有一個通用方法,以確保透明度設定可以在目前使用的所有瀏覽器上有效。  這篇匯總主要是提供一些CSS不透明的詳細介紹,程式碼範例和解釋,以實現這項有用的CSS技術在您的項目中相容所有瀏覽器。  關於CSS 透明度,有一點需要注意的是,它雖然使用了很多年,但它一直以來都不是一個標準屬性。它是一種非標準技術,應該是CSS3規範的一部分。1.

XHTML+CSS相容性解決方案小集

使用XHTML+CSS構架好處不少,但也確實存在一些問題,不論是因為使用不熟練還是思路不清晰,我就先把一些我遇到的問題寫在下面,省的大家四處找。1.在mozilla

解決CSS BUG的順口溜

一、IE邊框若顯若無,須注意,定是高度設定已忘記;二、浮動產生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中;三、三像素文本慢移不必慌,高度設定幫你忙;四、相容各個瀏覽須注意,預設設定行高可能是殺手;五、獨立清除浮動須銘記,行高設無,高設零,設計效果兼瀏覽;六、學布局須思路,路隨布局原理自然直,輕鬆駕馭html,流水布局少hack,代碼清爽,相容好,友好引擎喜歡迎。七、所有標籤皆有源,只是預設各不同,span是無極,無極生兩儀—內聯和塊級,img較特殊,但也遵法理,其他只是改造各不同,一

Firefox, IE等不同瀏覽器對JavaScript,CSS不同解析問題

前幾個月做了個項目,對javascript,css在不同的瀏覽器顯示和執行問題真是頭痛不已,今天特在網上搜了一下,將這些資料匯總一下,這個資料都來自網上,恕不一一指明出處. 一.針對不同瀏覽器css的寫法有兩種方法:    1.用*號和_底線來區分,如下:        background:orange;*background:green;_background:blue;        IE6支援底線,IE7和firefox均不支援底線。       

css學習筆記

這幾天都在學習css,由於以前接觸的比較少,只是會簡單得運用,所以學習起來有點困難,特別在布局方面,雖然網上好多例子,但是到現在我對布局還沒有系統的掌握。 布局通過position屬性進行的,它有以下幾種取值:    static 預設值。無特殊定位,對象遵循HTML定位規則 absolute 將對象從文檔流中拖出,使用 left , right , top , bottom 等屬性相對於其最接近的一個最有定位設定的父物件進行絕對位置。如果不存在這樣的父物件,則依據 body

【轉載】CSS盒子模型

   盒子模型(Box Model)是從CSS誕生之時便產生的一個概念,對網頁中的大部分對象,實際呈現形式就是一個盒子形狀對象(即塊狀對象),對於這個基礎又重要的概念,只要掌握盒子模型的尺寸及佔位的標準技術方法,那就可以靈活駕馭盒子模型了!  CSS盒子模型  網頁設計中的每個元素都是長方形的盒子。怎樣精確的計算盒子的尺寸?請看下面一幅圖:    盒子裡面的內容到盒子的邊框之間的距離即填充(padding),盒子本身有邊框(border),而盒子邊框外和其他盒子之間,還有邊界(margin)。 

CSS+DIV定位淺析

在用CSS+DIV進行布局的時候,一直對position的四個屬性值relative,absolute,static,fixed分的不是很清楚,以致經常會出現讓人很鬱悶的結果。今天研究了一下,總算有所瞭解。在此總結一下:先看下各個屬性值的定義:1、static:預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index

Firefox和IE 對css 樣式解釋的差異

Firefox和IE 對css 樣式解釋的差異1、針對firefox ie6 ie7的css樣式   現在大部分都是用!important來hack,對於ie6和firefox 測試可以正常顯示,但是ie7對!important可以正確解釋,會導致頁面沒按要求顯示!找到一個針對IE7不錯的hack方式就是使用 “*+html”,現在用IE7瀏覽一下,應該沒有問題了。   現在寫一個CSS可以這樣: #1 { color: #333; } /* Moz */ * html #1 { color:

精通CSS(層疊樣式單)文法請幫忙看看

    在Web設計中,CSS(Cascading Style Sheet)其實是很熟悉的東西,不過在看一些複雜網頁的CSS時,常常被一些莫名其妙寫法搞得比較鬱悶。於是在Google上翻啊翻,翻了一堆CSS的手冊來看也沒有徹底搞明白是怎麼回事。下面總結一下,希望能作為一個快速參考來對付那些"怪異"的CSS。    什麼是"怪異"的CSS?比如這些: <style>.col, .col_wide{}{    border: 1px solid #ebf0fa;}.col_cap *, 

CSS命名規範:

 DIV CSS名稱      說明 網站公用相關Container div #container 容器 Layout#layout布局Header or banner div #head, #header頁頭部分 Footer div #foot, #footer 頁尾部分 Navigation list #nav 主導航 Sub-navigation list #subNav 二級導航 Menu #menu 菜單 Sub Menu #submenu 子功能表 Left or right

CSS學習筆記(更新中…)

id和class到底要用哪一個?  首先要明白id和class的各自的優缺點。這樣才能根據他們的各自的特點進行使用。id的優點(class的缺點):id寫在css用"#"選取器,class寫在css中用"."選取器。"#"選取器的優先順序高於"."選取器大約10倍,所以當你需要提升優先順序的時候,id標籤,或者id容器內的標籤將是很容易和有效。而class標籤,或者class容器內的標籤將可能導致優先順序的提升失敗。id的缺點(class的優點):id應該是唯一的,所以它的可複用性是很差的,而c

使用JS動態在頁面載入CSS檔案

剛剛在寫隨筆的時候發現cnblogs好像將自己在文章的HTML裡定義的CSS(例如:<link rel="stylesheet" type="text/css" href="xxx.css" /> )都過濾掉了,記得以前自己收藏過一個JS函數,可以動態載入CSS檔案,翻翻電腦果然找到了,代碼貼出來,說不準在工作中也會用到呢。 loadjscssfileCode highlighting produced by Actipro CodeHighlighter

Ext中FormPanel面板及Form控制項橫排測試(CSS)

在實際的網頁開發中,大部分時間都要涉及到Form表單的處理。在Ext架構中也提供了很多這方面的控制項,而且還有一個專門的FormPanel布 局,該布局預設為放在面板上面的所有控制項都是換行放置,而在實際應用中為了美觀,有些需要橫排,特別是Radio控制項,這個時候就需要我們重新定製這些控 件的布局了,該例子中使用CSS來實現這些功能,先貼出一張。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

修改的一個Css + JS製作的數字時鐘

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Css + JS製作的數字時鐘代碼</title><style type="text/css">body{ background:#202020; font:bold 12px Arial,

關於css sprite的一些見解

css sprite典型應用案例:馬鈴薯網,div+css用一張背景圖實現全站背景圖片調用 ,這就是所說的CSS sprite定位方式:a{display:black; width:200px; height:30px; backgroud:該圖片 no-repeat 位置值1 位置值2

亦有易用類庫 CSS 版 3.0

我自己的一個習慣約定,有同事說覺得可以,所以也發出來給大家看看。http://blog.510769.com/CY_Files/1680/EuCls.Css.3.0.zip  /*@charset "utf-8";*/ /*設定文檔模式,預設不開啟,一般解決中文相容問題,同時要注意檔案儲存的編碼格式要統一*//*EuCls.CSS寫此Css樣式表的目的在於:希望提供一套普遍適用、通用的基礎樣式。此樣式表分兩部分,一是重設預設樣式,二是類庫。重設預設樣式的理念: 1.

團隊協同動態CSS開發[個人覺得比less方便]

今天終於總結出一個很方便的動態化開發方式。 感覺比JSS,Less sass方便一些。 需要用到的工具: Microsoft Visual Studio 2010 Aptana Studio

About CSS Box-Model and Flow

from: http://www.brainjar.com/css/positioning/default.aspBox:1. Margins are always transparent.2. Background settings aplly to padding and content areas.3. The width and height of each box is equal to the width and height of the outer margin box.4.

總頁數: 694 1 .... 146 147 148 149 150 .... 694 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.