CSS樣式屬性

2022-07-19 17:09:30 字數 1632 閱讀 8173

ps:只有塊級標籤才可以設定寬度,內聯標籤的寬度由內容決定。

屬性2 字型屬性

屬性3 文字屬性

ps:應用場景:為去掉a標籤的下劃線

屬性4 背景屬性

/*背景顏色*/

background-color: red;

/*背景*/

/* 背景重複

repeat(預設):背景平鋪排滿整個網頁

*/background-repeat: no-repeat;

/*背景位置*/

background-position: right top;

/*background-position: 200px 200px;*/

支援簡寫:

/*格式:background-color background-image background-repeat background-position*/

background:#ffffff url('1.png') no-repeat right top;

ps:背景固定:background-attachment: fixed;滾輪背景不動

屬性5 邊框屬性

border-style:  solid   /*實線*/

dotted /*點線*/

dashed /*虛線*/

none /*無邊框*/

border-color /*邊框顏色*/

border-width /*邊框粗細*/

邊框合併border-collapse: collapse

表現形式1:![深度截圖_選擇區域_20181011154721](/home/abner//深度截圖_選擇區域_20181011154721.png)

- 細線**

```html姓名

學號

abner

111 marry

222

```- ps:去除輪廓線`outline-style: none`

屬性7 盒子模型

ps:垂直方向外邊距合併(取最大值):兩個盒子垂直布局,乙個設定上外邊距,乙個設定下外邊距,取的設定較大的值,而不是相加。

padding內邊距

border:環繞在內邊距和外邊距之間,圍繞著內容和內邊距

content:盒子的內容負責顯示文字和影象

屬性8 浮動屬性

格式:float: left| right| none

清除浮動的方式

偽元素清除浮動(推薦使用)

屬性9 溢位屬性overflow

屬性10 定位屬性

絕對定位

相對定位

固定定位

定位有四個方向:left/right/top/bottom

屬性11 z-index

屬性12 opacity

CSS樣式屬性

position用來設定元素的定位型別,有absolute 絕對定位 relative 相對定位 static 靜態定位,預設值 fixed 固定定位 四種。static 預設。位置設定為 static 的元素,它始終會處於頁面流給予的位置 static 元素會忽略任何 top bottom lef...

css樣式屬性

這個屬性設定字型名稱,如arial,tahoma,courier等。例句如下 s1演示示例 這個屬性可以設定字型的大小。字型大小的設定可以有多種方式,最常用的就是pt和px pixel 例句如下 s2演示示例 這個屬性有三個值可選 normal,italic,oblique。normal是預設值,i...

CSS 樣式屬性

標準文件流組成 塊級元素 block level 列表 獨佔一行,可設定寬高,寬度預設和父級元素相同 內聯元素 inline 水平排列,不可設定寬高,寬度根據內容而定 display 用於塊級元素和行內元素的轉化 隱藏元素 none block display none 所在的位置被清空 opaci...