CSS效果：元素的圓角

層疊樣式表的語法被設計成僅僅是獲得最意想不到的設計可能性是可以從編程和人類遺址的發展甚至遠遠。 或許是由於孩子玩積木留在大家的記憶中，使用HTML的多方位的體驗，CSS是很容易。

然而，目前的規劃是仍然呈現現實的構造很遠。 到現在為止，任何區域（佔用你喜歡什麼塊元件）在其任何意義和矩形形狀，這是所希望的曲線輪廓線內形成的正式預約。

到現在為止，任何圓形，圓角半徑，彎曲直等。P.如何描述了複雜的數學公式或非常小的立方體，梯形，三角形或可區分到眼睛上的線上的點的其它直線元素。

經典的直板設計

這並不奇怪，在編程和信息技術領域的進展合法化的長方形設計。 創新理念沒有浪費在一個圓形的時間，但不要忘了出席處置的開發者足夠的功能和HTML標籤規則，CSS和相關的編程語言。

在頁面上使用的任何元素是一個矩形區域，其中分配幾個部分，其中在每種情況下應使用只需要考慮krossbrauzernosti要求標記功能的具體內容提供的句法結構。

對CSS的一般規則

層疊樣式表提供給所描述的要素如下：

• 屬性：值。

在這種情況下，屬性 - 特定名稱和值可以是一個或多個名稱或值的列表。

關於塊元素和需要做通過CSS圓角，是有意義的使用邊界半徑屬性和值的格式為“38px”或“加上了8px 16px的24px的38px”。

如果用一個數字給定值時，它會被設置為那些各個角度。 記錄所有四個值分別是：

• 第一個數字 - 到左上角;
• 第二 - 至右上;
• 第三 - 右下方;
• 最新 - 左下方。

分享一些規則

概念邊框，圖像和背景可同時使用。 這是正常的，並且所說的規則不相互干擾，從而形成整體的組合物。 最主要的 - 考慮到一個事實，即他們每個人的名字代表，以及它是如何應用。

實現這樣或那樣的元素之前，有必要進行一些實驗和測試工作在多個瀏覽器是很重要的。 定向到的意見，建議，第三方或CSS語法的例子，圓潤的邊角，等等。N.很少比自己新鮮的做法更好。

要了解這一點很重要的邊界，圖像，設計的角度來講 - 同類型的概念。 繪圖不能PNG格式呈現。 他會被瀏覽器根據既定的CSS規則被切斷。 圓角 - 關心顯影劑，而不管源材料的矩形性。

功能HTML，CSS從瀏覽器

歡迎風格的錄製批發 - 一次為所有的瀏覽器。 反正在話題的經典範例“的CSS：圓角”報價這麼寫：

背景：＃FF7F00; / *背景* /

邊界：1px的#CCCCCC固體; / * *邊框/

-moz-邊界半徑：10px的; / * CSS圓角的Mozilla Firefox瀏覽器* /

-webkit-邊界半徑：10px的; / * ......對於Safari和Chrome * /

-khtml邊界半徑：10px的; / * ...... * konquerer中/

邊界半徑：10px的; / * CSS的圓角所有* /等等。N.

然而，在大多數情況下，它是足以指定的最後一個規則。 只有當確實需要冗餘應該被使用。

經典和精彩的表

儘管有許多爭議，支持者表格佈局（TR，TD），並使用div標籤和跨度的選項（«神奇“的佈局），客觀實踐的青睞選擇合理必要的。

在申報單有其他表中一些尊嚴。 如果他們不相得益彰，只是競爭，這個問題會很快在結合表和申報單的最好的方面一個版本蒸發。

大部分的網站使用CMS（內容管理系統）創建，並在處置開發商自帶不僅廣泛的數百個文件夾，對象，而且表的“巨人”的數據集。

標籤[DIV |跨度]，因此，不站出來，但那是正好在開發的完整憐憫的唯一的事 - CSS樣式表。 和任何CMS明確分離的代碼，它的一部分，從開發人員的創造力和自己的風格添加風格，而在變化的情況下（如CSS - 四捨五入表的角落），可以隨時還原設置和默認樣式。

曲線和角度未涉及的語法

您可以通過HTML，CSS的所有嚴格遵守操作規程，但有一個結果，他們沒有提供。 疊加元件彼此，也能夠獲得配置的任何區域。 在服務器上使用PHP開發，您可以發送到訪問者的瀏覽器與任何風格的文件附加到他們在HTML文件或單獨的js文件的正文中的適當的JavaScript代碼。

任何電路變化，任何形式的財產元素是CSS規則！ 圓角 - 僅僅是特定的，而真正的機會更為廣闊。 在這種情況下，編程自己的對象，就可以不注重個別瀏覽器的特性，只能使用標籤和超文本語言，這是由所有感知的結構，無一例外的瀏覽器。

使用面向對象編程的想法，你可以設計一個角落的外觀或曲線顯然沒有任何瀏覽器表單預見。 在這種情況下，這是沒有必要的，這將是該地區，這本來是一個長方形的角落。 重要的是，在CSS規則的形式描述的曲線，組合成一個單一的視覺對象的JavaScript代碼，並在正確的地方瀏覽器正確的時間的組成部分，反映自己在正確的形式。

這種技術不與這些對象干擾，實現自己在三維平面或動畫顯示。