CSS設定精選版(基礎一)

2021-08-29 21:32:58 字數 1423 閱讀 3959

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 用於設...