级联类型表{CSS}

级联类型表{CSS}
级联类型表(CSS)是被用于的stylesheet語言描述在标记语言寫的文件的介紹。 它的最共同的應用是稱呼在HTML和XHTML寫的網頁,但是語言可以被运用於任何种XML文件,包括SVG和XUL。

CSS可以由網頁的讀者當地用于定義顏色、字體、佈局和文件介紹的其他方面。 它主要被設計使能文件內容的分離從文件介紹的。這分離可能改进美滿的可及性,提供在介紹特徵的規格的更多靈活性和控制和減少在結構內容的複雜和重複。 CSS可能也允许同一標註頁被提出用不同的樣式不同的翻譯方法的,例如屏幕上,在印刷品,由聲音和在基於盲人識字系統的,有觸覺的設備。 CSS指定優先權計劃確定哪些樣式規則申請,如果超过一個規則配比一個特殊元素。 在這所謂的小瀑布,優先權或重量被計算并且被分配到規則,因此結果是可預測的。

編碼器

留下回復



级联类型表(CSS)

介紹

最近,我看了不祈求任一種stylesheet的一些網站,或者组织结构對他們的代碼。 這是仅仅恶劣的編制程序实践,以我所见,但是它也生產质量差站點并且使它难為希望讀原始代码发现的peole什麼它發生。 在另一端,有使用CSS,不用對的人们什麼的充分的理解它做,并且他們從未因而到達什麼的極限CSS可能做。 Pratices喜歡桌佈局、對字體顏色的多种用途或大小屬性,并且其他編制程序pratices可以被刪去與一個簡單的样式表的代碼。 我希望以书面方式這個博克我能提供援助对更加了不起的社區和有希望地幫助开发對其他的CSS的更加偉大的理解。

什麼是CSS ?

级联类型表或者CSS簡稱,是增加樣式的一個易使用的代码系统(字體屬性、間距等等)到您的網站。 對多數共同性應用應用是稱呼網頁使用HTML和XHTML,但是使用langauge在XML文件的多種类型是可能的。 使用CSS用戶能從文件介紹分離他們的文件內容,因而改进美滿的可及性和使它更加容易從一個來源改變樣式。 CSS specifictations由老於世故的網財團(W3C)和用途maintatined笑劇類型登記供CSS使用由RFC2318的文本或css。

歷史

有對CSS的簡單的理解不是真實地讚賞使用的足够Stylesheets。 知道CSS来自的地方,什麼激发對它的想法或需要,并且它怎麼幫助了萬維網社區將开发對stylesheets的depper理解,并且強迫您利用的它,當时刻來。

首先要谨慎地知道样式表從在20世紀70年代的SGML存在了。 当HTML在大眾化增长,它開始包括稱呼將幫助适应萬維網社區的需要的特點多种多样。 這成長給了設計師对他們的站點apperance的moer控制,而且导致更加複雜和更难維護, HTML代碼。 要使事态壞為開發商,在網瀏覽器上的变化使它幾乎不可能有您的站點看起来一致在多個瀏覽器平臺间,并且給了用戶对网络内容怎样的较少控制被顯示了。

為了改进網介紹的能力,九不同样式表langauges提議對W3C萬維網樣式郵件表。 在那些九個提案外面,二被選擇了作为什麼的基礎成為了CSS; 落下的HTML样式表(CHSS)和基於小河的样式表Prposal (SSP)。

因此,通过組合的二, CSS出生。

Unline現有的樣式語言喜歡DSSSL,并且FOSI, CSS允许文件的樣式被多個样式表影響。 一個样式表能繼承或「小瀑布」從別的,允許站點設計師和用戶平等地控制的文體的preferances混合物。

雖然CSS1規格在1996年完成了,并且微軟的Internet Explorer 3在以一些有限的支持為特色CSS的那年被發布了,它是超过三年,在所有瀏覽器達到了specifcation的近充分的實施之前。 即5.0 fror梅肯套希, shippped在3月2000年,是有第一個的瀏覽器CSS1完全支持,卓越的歌劇,是領導,因为它的CSS支持的介紹fiften以前几年。 在2006年7月,瀏覽器不充分地實施了CSS2,實施水平變化。

句法

CSS有簡單的句法,并且使用一定數量的英國主題詞指定各種各樣的樣式物產的名字。 每個样式表包括規則名單,每個規則或規則設置包括一個或更多選擇器和聲明塊。 聲明阻攔包括在捲曲括號的分號被終止的聲明名單。 每個聲明包括物產,冒號,價值,然後分號。

在CSS,選擇器被用于宣稱哪些元素樣式适用于。 選擇器也许适用于一個具體類型的所有元素或者匹配某些attritubles仅的那些元素。

除這些之外,一套冒充類可以被用于定義futher行為。 冒充的類selcts整個元素,例如:鏈接或:參觀,而冒充元素做也许包括部份元素的一種選擇。

在CSS之前,幾乎所有HTML文件提出的屬性在字體上色的HTML標註內包含了,背景稱呼,元素對準線,邊界,并且大小等等CSS允许您移動那信息向一分開的stylesheet造成相當地更加簡單的超文字標記語言頁。

例如,標題標記(h1、h2、h3等等)使用HTML,結構地是全部被預定義的大小。 如果設計師祝願偶然發生大小他或她必須然後使用HTML字體標記和其他提出的元素,為那個headign類型每發生。 因此,每次H2叫,用戶必須也增加代碼回報它在perferred設計。 CSS的創作,介紹從結構被分離。 因此,您一次宣稱h2設計在您的stylesheet,并且觀看,在它繼承在stylesheet宣稱的期望設計的h2在您的HTML時候叫。

局限

使用「純淨的」CSS的一些著名的缺點,如陳述由W3C,包括:

不一致的瀏覽器支持
由於瀏覽器臭蟲或缺乏支持CSS特點,不同的瀏覽器將不同地回報CSS佈局。 例如Microsoft Internet Explorer,更旧的版本,作為IE 6.0,缺乏許多CSS 2.0物產,被曲解重要物產的一個重大數字,例如寬度、高度和浮游物。 必须實施眾多的所謂的CSS 「文丐」達到在最普遍或最常用的用户代理(瀏覽器)之中的一致的佈局。 映像點精確佈局可能有時无法橫跨瀏覽器達到。
選擇器无法登高
CSS不提供方式選擇滿足某些標準元素的父母或祖先。 一份更加先進的選擇器計劃(例如XPath)將使能更加老練的stylesheets。 然而,拒绝提议对于父母選擇器的CSS工作团体的主要理由与瀏覽器表現和增加翻譯問題有关。
一個塊聲明不可能從別的明白地繼承
樣式繼承由根据DOM元素遏制階層和規則選擇器的特異性的瀏覽器執行,如建議由CSS2規格的第6.4.1部分。 塊的只有用戶能通过包括分类名提到他們入DOM元素的類屬性。
垂直的控制局限
当元素的水平的安置通常是容易控制时,垂直的安置常常地是unintuitive,複雜或者不可能的。 簡單的任務,例如垂直集中元素或得到步行者被安置沒有高于視口底部,需要複雜和unintuitive樣式規則或者簡單,但是廣泛無支持的規則。
缺乏表示
當前沒有能力指定财产价值作為简单表达式(例如邊際左: 10% - 3em 4px;)。 然而,一份工作草案以演講這個局限的calc ()價值由CSS WG出版了,并且Internet Explorer 5和所有最新版本支持一個私有的表示()聲明,與相似的功能。
缺乏正交性
多物產經常导致做同一個工作。 例如,位置、顯示和浮游物指定安置模型,并且他們不可能意味深長地大多時間被結合。 顯示: 桌細胞元素不可能漂浮或特定位置: 親戚和與浮游物的一個元素: 左邊不應該起反應到顯示的變動。 另外,有些物產沒有被定義用避免新的物產的創作的一種靈活的方法。 例如,您應該使用在表元素的「邊界間距」物產而不是在桌細胞元素的「margin-*」物產。 這是,因為根據CSS規格,內部表元素沒有邊際。
邊際崩溃
邊際崩溃是,当有大量文件證明和有用,也複雜化时和沒有由作者常常地期望,并且簡單的無邊作用方式不是可利用控制它。
浮游物遏制
CSS不明白地提供將強迫元素包含浮游物的任何物產。 多物產提供這種功能作为一個副作用,在所有情況下,但是他們都不是完全地適當的。 尽管將有溢出,當元素,在容器包含,使用浮游物物產。 通常,位置: 親戚解決此。 浮游物根據瀏覽器大小和決議將是不同的,但是位置不能。
缺乏多背景每個元素
高度圖解設計為每個元素要求幾個背景图象,并且CSS只可能支持一。 所以,開發商必須選擇在增加在文件元素附近的重複封皮或者下降视觉效果之間。 這在CSS3背景模塊的工作草案部分地演講,徒步旅行隊和Konqueror已經支持。
元素形狀控制
CSS只當前提供長方形形狀。 圆角落或其他形狀也许要求非語義標註。 然而,這在CSS3背景模塊的工作草案演講。
缺乏可變物
CSS不包含可變物。
缺乏專欄聲明
当可能在當前CSS,與多個專欄时的佈局可以是複雜的實施。 使用當前CSS,過程經常完成使用由不同的瀏覽器、不同的计算机屏幕形狀和在標準顯示器設置的不同的屏幕比率不同地經常回報的浮動元素。

Conclustion

您能看到,雖然CSS有它的限制,它提供設計師以必要的工具做更好的站點,更加容易讀代碼,更加乾淨的HTML標註和更多。 它是在讀CSS這介绍,那設計師將感到需要實施系統入他們的設計的我的希望,并且創造更好的標誌和可讀和容易對maintaitn代碼。

留下回復



詞條RSS評論RSSRockholderdesign -网络设计© 2008年

WordPress數據庫錯誤: [重复的条目『3959263』鑰匙的1]
插入物到wp_ss_stats (remote_ip、國家、語言、領域、referer、資源、平臺、瀏覽器,版本, dt)價值(『66.196.119.20』, ", 『en』, ", "』, /web design/cascading樣式板料css/『", ", ", 1227241467)里

WordPress database error: [Duplicate entry '3959263' for key 1]
INSERT INTO wp_ss_stats (remote_ip,country,language,domain,referer,resource,platform,browser,version,dt) VALUES ('38.103.63.58','','en-us','','','/zt/web-design/cascading-style-sheets-css/','','','',1227241464)