CSS框架：即興和效果

所有邏輯簡單性的級聯樣式（CSS）不僅可以創建有效的設計解決方案，而且可以為實際操作提供元素，以模擬實際代碼的執行。

HTML標記的任何視覺標籤都是特定結構和內容的矩形區域。 該元素包含坐標，大小，縮進，顏色，字體及其輪廓等的指示。CSS元素的框架指定了它所佔據的區域，從其邊界向內到描述中指出的寬度。

說明語法

元素的位置由相對於頁面左上角（左上，上）的坐標，水平和垂直（寬度，高度）的大小指定。 元素的所有設計和動畫都是成對執行的：“property：value”。

描述直接在頁面代碼，樣式插入或單獨的文件中執行，使用LINK鏈接指向它。 語法：

#name {property：value; 財產：價值; 財產：價值; ...}

或

.name {property：value; 財產：價值; 財產：價值; ...}

該名稱也可以是p，body，html，table，td ...，也就是HTML標記標籤的名稱。 允許將樣式描述直接連接到元素。

在編寫自己的寫作風格之前，不要在流行的網站上看到如何完成，保存頁面代碼或按Ctrl-U直接在瀏覽器中查看。

基本參數

元素的實際CSS框架由style （border-style），color （border-color），width（border-width）表示。 您可以通過一個屬性 - 邊框描述一切。 您可以單獨描述框架的每個邊框（邊框頂部，邊框底部，邊框左邊，右邊框）。

CSS框架由級聯樣式表的一般規則描述：

邊框：3px;
邊框顏色：紅色;
邊框式：雙擊實體點綴。

這個描述將框架寬度設置為3個像素，顏色為紅色，側面樣式：頂部為雙面，右側為虛線，底部為實心，左側為虛線。

邊框寬度：1px 2px 4px 8px;
邊框顏色：藍色;
邊框式：點綴。

這裡的每一側的尺寸也順序顯示，從頂部順時針方向開始，顏色為藍色，樣式為虛線。

邊框顏色：藍色紅色綠色黑色;

在本說明書中，分別指出每一側的顏色。 邊框屬性可以一次包含幾個參數，邊框的四角可以四捨五入：

邊框：1px綠色固體;
邊框半徑：0px 4px 8px 12px;
-moz-border-radius：0px 4px 8px 12px;
-webkit-border-radius：0px 4px 8px 12px;

從如何在CSS中製作框架，訪問者的便利性取決於，因為通常這種風格效果用於技術目的：重要的是要精確地顯示頁面上的區域的大小或位置。

框架的厚度及其目的

選擇框架的厚度，可以使用px，pt，em ...，但是您應該記住，它始終位於元素的區域內。 很難想像CSS框架具有設計目的，但從技術上來說，使用它來突出顯示頁面元素是非常方便的。

如果框架被鎖定在主類中，那就是它丟失，然後將其指向偽類：hover，當鼠標光標在其上時，您可以向訪問者顯示頁面元素，例如，選擇菜單項。 有時，您需要點擊圖片來選擇某些東西，或者將某些東西拖到某處。 使用虛線框非常方便，不要更改元素或其內容的背景。

某些應用程序需要選擇一個頁面區域或選擇項目以供後續處理。 在這種情況下，您可以在點擊時創建一個帶框架的div，直到訪問者釋放鼠標按鈕，調整其大小，直觀地顯示選擇的結果。

在規定之外

CSS課程非常有趣，研究流行的頁面代碼也很重要。 然而，自己的資源必須是獨一無二的，它必須有自己的面孔。

由語法提供的CSS框架沒有像自己的主動那樣多樣化。 即興即興是一個偉大的開端，沒有什麼能阻止開發商形成自己的框架。 特別是隨著互聯網技術的成就和現有標準的能力，基於現有語法的真實缺陷，有許多有前途的思想，其中（根據定義）一直是嚴格正式的。

特別是如果我們要創造這些或其他要素的框架，那麼全面地這樣做是合理的。 通過突出顯示單獨標籤中某一區域的側面和角度，您可以獲得令人驚嘆的效果。 通過分配適當的處理程序，您可以通過更改位置，形狀和內容來創建動態頁面元素。