HTML常用樣式屬性

2021-06-07 22:14:24 字數 1515 閱讀 1615

1.背景

background-image:url(路徑); 設定背景影象

background-repeat:repeat-y; 設定背景影象在y軸重複平鋪

background-position-x:200px; 設定背景影象的位置

background-attachment:fixed; 設定背景影象固定[文字動,背景不動]

background-color : #ffcc66; 設定背景顏色

2.文字

font-family:"楷體_gb2312"; 設定文字字型

font-size:18px;   設定字型字型大小

color:#0000ff;   設定字型顏色

font-weight:bold;  設定字型粗細

font-style:italic;  設定字型樣式[斜體]

line-height:40px;  設定行高

text-decoration:none;  設定文字沒有下劃線

3.盒子模型

margin--border--padding--content

margin:物體與外界的間距

margin-top:

margin-left:

margin-right:

margin-bottom:

border:邊框

border-top/left/right/bottom-width:邊框的粗細

border-top/left/right/bottom-style:邊框的樣式[陰影,實線,虛線,雙線]

border-top/left/right/bottom-color:邊框的顏色

padding:盒子的內容與border的間距

padding-top:

padding-left:

padding-right:

padding-bottom:

1.容器標籤

共同點:div和span都是無語義的容器標籤

不同點:

div:容器稍大,一般用來包含段落,**,表單,列表等,並統一樣式

span:一般用在某段落中的某一行或某幾行

2.列表

ul中的樣式:

list-style-image

li中的樣式:

display:

none; 預設

block; 以塊獨行顯示

inline;同行顯示

3.table

以下三個屬性 經常被用在div 布局頁面調整對齊和顯示方式

4.disply樣式屬性

none; 預設

block; 以塊獨行顯示

inline;同行顯示

5.float浮動:用在使用div 對頁面進行布局

left 向左浮動

right 向右浮動

none 沒有設定浮動 

6.clear清除浮動

left 清除左側浮動元素 

right 清除右側浮動元素

both 清除左右兩側浮動元素

Html常用屬性

a標籤 在新視窗開啟請求 target blank 注 有時候會有人不小心多寫了個分號,如 target blank 這會造成只有第一次新開啟視窗 去掉下劃線 text decoration none input標籤 唯讀 readonly readonly 不記住瀏覽器歷史記錄 autocompl...

CSS常用樣式屬性

1.css字型和文字相關屬性 屬性 font family 規定文字的字型系列,比如 serif sans serif font size 規定文字的字型尺寸 font style 規定文字的字型樣式。主要有normal,italic,oblique font weight 規定字型的粗細。主要有n...

HTML中常用滑鼠樣式

語法 cursor auto auto 預設值。瀏覽器根據當前情況自動確定滑鼠游標型別。all scroll 有上下左右四個箭頭,中間有乙個圓點的游標。用於標示頁面可以向上下左右任何方向滾動。col resize 有左右兩個箭頭,中間由豎線分隔開的游標。用於標示專案或標題欄可以被水平改變尺寸。cro...