HTML,CSS中的復合寫法總結

2021-10-19 08:39:57 字數 1141 閱讀 9559

**常用屬性

字型屬性的復合寫法

背景的復合寫法

邊框的復合寫法

內邊距(padding)的復合寫法

外邊距(margin)的復合寫法

一、**常用屬性:

屬性含義

cellpadding="5px"

**內容和單元格邊緣之間的距離為5px

cellspacing="0"

單元格之間的距離

border-collapse: collapse;

合併相鄰的邊框

colspan="2"

合併行rowspan="2"

合併列

二、字型屬性的復合寫法:

1. background: black url(「images/logo.jpg」) no-repeat fixed center top;

1. 背景的復合寫法沒有順序的,但是一般習慣性的寫成如下的順序,如果不設定則可以省略。

3. 顏色還可以用rgba()來代替。

2. background-position: right;
此時 水平一定是靠右側對齊 , 第二個引數省略,則在 y 軸方向上是垂直居中顯示的。
3. background-position: top;
第乙個引數是top,即y軸 頂部對齊, 第二個引數省略,則在x 軸方向上是 水平居中顯示的。
4. background-attachment: fixed;
背景固定,不會隨著滾動條的滑動而滾動。
四、邊框的復合寫法

五、內邊距(padding)的復合寫法

寫法說明

padding: 1px;

乙個引數,說明上下左右都有1畫素的內邊距

padding: 1px 2px;

兩個引數,說明上下內邊距是1畫素,左右內邊距是2畫素

padding: 1px 2px 3px;

三個引數,說明上內邊距是1畫素,左右內邊距是2畫素,下內邊距是3畫素

padding: 1px 2px 3px 4px;

四個引數,此時按順時針方向匹配值,上內邊距是1畫素,右內邊距是2畫素,下內邊距是3畫素,左內邊距是4畫素

六、外邊距(margin)的復合寫法

自己總結的HTMLcss

css css是為了修飾html的 css是cascading style sheet 層疊樣式表 的縮寫。是用於 增強 控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。css不需要編譯,可以直接由瀏覽器執行 屬於瀏覽器解釋型語言 命名規則 使用字母 數字或下劃線和減號構成,不要以數字開...

Masonry的寫法總結

masonry使用鏈式方式程式設計,有定義一些巨集來方便開發,如下 define offset mas offset va args define equalto mas equalto va args define greaterthanorequalto mas greaterthanorequ...

新寫法 slide的總結

總結 1.匿名函式使用 function global window 封裝外掛程式,避免全域性變數 function global,複製 擴充套件 function jqeruy中的寫法等於js中window.onload funtion 2.es6中的class使用 class slide ini...