css:層疊樣式表
內嵌樣式:在標籤元素中 style=」屬性名:屬性值;」
內含樣式:在head中
type=」text/css」>
選擇器名
style>
外部樣式:
rel=」stylesheet」
type=」text/css」 href=」 」 />
css中注釋用:/**/
選擇器:
1. 標籤選擇器:標籤名
2. 類選擇器:標籤元素中定義class屬性 .class
3. id選擇器:標籤元素中定義id屬性 .id
4. 萬用字元:*
5. 包含元素:父 子 孫…
背景:
1. 顏色:background-color:
2. :background-image:url(「 」)
3. 重複:background-repeat:no-repeat/repeat-x/repeat-y
4. 定位:background-position:x y
5. 關聯:background-attachment:fixed (固定位置,只能相對於body)
簡寫:background:顏色 位置 重複 定位
文字:
*縮排:text-indent:32px; 塊級標籤
*水平對齊:text-align:left/center/right; 塊級標籤
*文字裝飾:text-decoration:underline/line-through/overline/none;
字元轉化:text-transform:lowercase/uppercase/capitalize(首字母大寫) 【針對英文】
字元間距: letter-spacing:1px;
單詞間距:word-spacing:1px;(根據空格,也可以看做空格寬度)
行高:line-height:30px line-height 與 font-size 的計算值之差(在 css 中成為「行間距」)分為兩半,分別加到乙個文字行內容的頂部和底
部。可以包含這些內容的最小框就是行框。
字型:
字型:font-family:」黑體」;
風格:font-style:italic;(normal)
加粗:font-weight:100預設 700/bold加粗 範圍(1-900)
大小:font-size:14px;
邊框:
邊框樣式:border-style:solid(實線)/double(雙實線)/dashed(線虛線)/dotted(點虛線)
邊框寬度:border-width:1px;
邊框顏色:border-color:#000000;
注:邊框有四邊,當只有乙個引數時修飾4邊,兩個引數時修飾上下—左右,三個引數時修飾上—左右—下,四個引數時修飾上—右—下—左;
margin:外邊距;
padding:內邊距;
CSS學習筆記1
css指層疊樣式表 cascading style sheets css定義如何顯示html元素。樣式通常儲存在樣式表中。所有主流瀏覽器均支援層疊樣式表。當有多個樣式的時候,是按照這樣的優先權確定文件的樣式的 內聯樣式 在html元素內部 內部樣式表 位於標籤內部 外部樣式表,瀏覽器預設設定。css...
css學習筆記1
本次學習通過 學習 css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。通過依...
學習css筆記(1)
用以下三種方式將樣式表加入網頁 最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。鏈入外部樣式表檔案 linking to a style sheet 先建立外部樣式表檔案 css 然後使用html的link物件。而在xml中應該如下例所示在宣告區中加入 定...