tft每日頭條

 > 圖文

 > css裡常用到的屬性

css裡常用到的屬性

圖文 更新时间:2024-11-25 20:53:16
CSS中修飾字體的屬性CSS中常見的控制文本的屬性CSS中常見的控制背景的屬性應用多個圖标放到同一個圖片裡

多個圖标放到同一個圖片裡,通過定義某區塊的背景定位,調用同一個圖片中不同位置上的小圖标,好處是可以減少對服務器的請求次數,從而加快頁面的訪問速度

邊框屬性
  • 任何一個元素都可以設置邊框
  • 邊框屬性是用于設置一個元素邊框風格、邊框寬度、邊框顔色的略寫,可以一起設置4邊的邊框,也可對上邊框、右邊框、下邊框和左邊框單獨設置。
邊框風格屬性
  • 可以通過邊框風格屬性border-style設定上下左右邊框的風格,該屬性用于設置一個元素邊框的樣式,而且必須用于指定可見的邊框。可以使用1到4個關鍵字,如果四個值都給出了,它們分别應用于上、右、下和左邊框的式樣。
  • 如果給出一個值,它将被運用到各邊上。
  • 如果兩個或三個值給出了,省略了的值與對邊相等
  • 也可以分别使用border-top-style、border-bottom-style、border-left-style和border-right-style屬性單獨設置各邊的風格
各邊的風格使用的屬性值
  • none:沒有邊框,無論邊框寬度設為多大
  • dotted:點線式邊框
  • dashed:破折線式邊框
  • solid:直線式邊框
  • double:雙線式邊框
  • groove:槽線式邊框
  • ridge:脊線式邊框
  • inset:内嵌效果的邊框
  • outset:突起效果的邊框
邊框寬度屬性
  • 可以通過邊框寬度屬性border-width設定上下左右邊框的寬度,該屬性用1到4個值來設置元素的邊界,值是一個關鍵字或長度,不允許使用負值長度。
  • 如果四個值都給出了,它們分别應用于上、右、下和左邊框的式樣。
  • 如果隻給出一個值,它将被運用到各邊上。
  • 如果兩個或三個值給出了,省略了的值與對邊相等。這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。
  • 也可以分别使用border-top-width、border-bottom-width、border-left-width和border-right-width屬性單獨設置各邊的寬度。除了可以使用長度單位定值外,還可以用medium(是默認值)、thin(比medium細)或thick(比medium粗)值。
邊框顔色屬性

可以通過邊框顔色屬性border-color設定上下左右邊框的顔色,可以使用1到4個關鍵字。如果四個值都給出了,它們分别應用于上、右、下和左邊框的式樣。如果給出一個值,它将被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等

略寫的邊框屬性
  • CSS屬性border是邊框屬性的一個快捷的綜合寫法,是一個用于設置一個元素邊框的寬度、式樣和顔色的略寫,它包含border-width,border-style和border-color屬性。
  • 邊框屬性border隻能設置四種邊框,也隻能給出一組邊框的寬度和式樣。為了給出一個元素的四種邊框的不同的值,網頁制作者必須用一個或更多的屬性,如:上邊框、右邊框、下邊框、左邊框、邊框顔色、邊框寬度、邊框式樣、上邊框寬度、右邊框寬度、下邊框寬度或左邊框寬度。
鼠标光标屬性

在網頁中默認的鼠标指針隻有兩種,一種是最普通的箭頭,另一種是當移動到鍊接上時出現的“小手”。但現在越來越多的網頁都使用了CSS鼠标指針技術,當将鼠标移動到鍊接上時,可以看到多種不同的效果。CSS可以通過Cursor屬性實現鼠标形狀的改變,其屬性可以是默認的鼠标形狀default、小手形狀hand、交叉十字crosshair、文本選擇符号text、Windows的沙漏形狀wait、帶有問号的鼠标help以及各個方向的箭頭屬性值。

css裡常用到的屬性(CSS常見屬性和值)1

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved