css3是對css2的擴充,刪減,優化選擇器
功能e:first-child
匹配第乙個孩子
e:last-child
匹配最後乙個孩子
e:nth-child(n)
匹配第n個孩子
e:nth-child(2n)或e:nth-child(even)
匹配偶數的孩子
e:nth-child(2n+1)或e:nth-child(odd)
匹配奇數的孩子
e:only-child
匹配有且僅有乙個孩子
用來合併**的邊線,其值為:collapse,例如border-collapse:collapse;
選擇器
功能:first-letter
操作當前元素中第乙個字
:first-line
操作當前元素中第乙個行文字
:before
在之前插入,在乙個盒子內部的最前面
:after
在之後插入,在乙個盒子內部的最後面
text-shadow:水平陰影、垂直陰影、模糊舉例、陰影顏色
向文字新增乙個或者多個陰影,為逗號分隔的陰影列表,每個陰影由2個到3個長度值和1個可選的顏色值組成,省略的長度為0。值
描述h-shadow
必需。水平陰影的位置。允許負值
v-shadow
必須。垂直陰影的位置。允許負值
blur
可選。模糊的距離
color
可選。陰影的顏色
描述:box-shadow:水平方向陰影、垂直方向陰影、模糊距離、陰影尺寸、陰影顏色、內/外陰影
水平陰影和垂直陰影必需,其他可以省略語法:box-shadow:h-shadow v-shadow blur spread color inset
值
描述h-shadow
必需。水平陰影的位置。允許負值
v-shadow
必需。垂直陰影的位置。允許負值
blur
可選。模糊距離
spread
可選。陰影尺寸
color
可選。陰影顏色
inset
可選。將外部陰影改為內部陰影
border-radius值的順序為: 左上 右上 右下 左下;值一樣時寫為乙個值。單位px;
有顏色的標籤可以設定透明度:格式為rgba(紅色,綠色,藍色,透明度)a:透明度,值為0到1,0表示完全透明,1表示完全不透明。 -背景顏色透明background-color:rgba(255,255,255,0.3)
css基本用法
css初始化 相同的元素,如li 在不同的瀏覽器下,顯示的效果稍有不同,是因為,不同的瀏覽器對各元素的 margin border font size 等略有不同,如何杜絕這種情況,我們可以通過 css強制讓所有元素的屬性值都一樣,這樣,在瀏覽器顯示就一致了,減少不相容情況的發生,這個過程叫 css...
CSS 基本用法
css 一.使用css縮寫 使用縮寫可以幫助減少你css檔案的大小,更加容易閱讀。css縮寫的主要規則請參看 常用css縮寫語法總結 這裡就不展開描述。二.明確定義單位,除非值為0 忘記定義尺寸的單位是css新手普遍的錯誤。在html中你可以只寫width 100,但是在css中,你必須給乙個準確的...
二 基本用法
1 css語法 選擇器style head 2 css應用方式 也稱為css引用方式,有三種方式 內部樣式 行內樣式 外部樣式 2.1 內部樣式 2.2 行內樣式 2.3 外部樣式 使用單獨的css檔案定義,然後在頁面中使用 link標籤 或 import指令 引入 rel stylesheet t...