1、定義虛線並且指定顏色的邊框
border: 1px dotted #000;
2、選擇器(元素基於類)
td.fancy {} 注意:元素和類名之間沒有空格
html中表示為:
4、指定背景:
background-image: url(/i/eg_bg_03.gif);
4.1 平鋪
background-repeat: repeat-y; 或 background-repeat: repeat-x; 或 background-repeat: repeat-y repeat-x; 或 background-repeat: no-repeat;
4.2 定位
background-position:
取值範圍:top center bottom right center left
或 100px 50px
當定位為數值時,即的偏移量, 第乙個值為左上角向右的偏移量,第二值為左上角向下的偏移量。
例:background-position: right top
4.3 圖象滾動
當文字超出一屏時,滾動時只滾動文字,仍然為背景。
4.4 將以上屬性設定在乙個宣告中
background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center;
5、direction 設定元素內容方向。
(direction: rtl 或 direction: ltr)
6.1 設定行高: line-height 。
6.2 設定字元間距: letter-spacing 。
6.3 對齊元素中的文字: text-align 。 (left center right)
6.4 給文字加 上劃線 橫線(刪除線) 下劃線 無線
6.6 控制英文單詞全部大寫 小寫 首字母大小
) 6.8 設定字型系列: font-family 。(font-family: georgia, serif;)
)6.10 設定字型粗細: font-weight,取值:值描述
normal
預設。定義標準的字元。
bold
定義粗體字元。
bolder
定義更粗的字元。
lighter
定義更細的字元。
定義由粗到細的字元。400 等同於 normal,而 700 等同於 bold。
6.11 將所有屬性應用於乙個font設定中
font: italic small-caps 900 18px arial
7、文字過長時,顯示省略號(只支援中文,且ie)
width:45px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
CSS設定精選版(框模型)
1 框模型概述 2 padding和margin的四個屬性順序分別是 上 右 下 左,這些值不止做用於div中,還做用於table中。如果缺少下值,則取上值,如果缺少左值,則取右值 3 邊框背景在瀏覽器中的區別 值描述 none 定義無邊框。hidden 與 none 相同。不過應用於表時除外,對於...
前端學習 CSS基礎設定
2.顏色表示 3.字型 4.行間距 7.以上僅為常見,更多搞手冊了解 畫素 px px 是網頁中使用最多的乙個單位,乙個畫素相當於螢幕中的乙個小點。螢幕由這些畫素點構成。畫素點越小,螢幕越清晰。百分比 使用百分比可以根據父元素的值來計算其大小,就永遠為父元素的一定比例大小,比較靈活,可以跟著父元素一...
CSS基礎之字型樣式設定
css字型樣式設定 1.字型樣式設定 字型樣式大致有如下幾種特徵 字型型別 風格 字型粗細 字型大小 字型系列 1 字型型別 風格 font style 用於設定字型風格,可設定以下值 normal 普通字型 italic 斜體 oblique 傾斜字型 2 字型粗細 font weight 用於設...