學習html5的第六天課堂筆記

2021-08-22 16:22:48 字數 3106 閱讀 8292

回顧總結

1.字型規則

1)color

2)cursor

3)font-family

1. 常規字型

2. 常用字型

3. 字型棧

4. webfont

5. 字型圖示(第乙個框架)

font-awesome

iconfont

@font-face

4)font-style

normal/italic/oblique

5) font-weight

normal/bold/bolder/lighter/100~900

6) font-size

16px , 12px / 14px

7) line-height 行高 14px

8)font 速寫形式

必須寫的兩個屬性:font-size,font-family

順序:

font-style

font-weight

font-size

line-height

font-family

9)text-indent 縮排

p 10) text-align 文字排列方式:

left/center/right

11) text-decoration 文字修飾:

text-decoration-line

underline/overline/linethrough

text-decoration-style

solid / dotted /dashed /double

text-decoration-color

12)text-shdow 文字陰影:

h v blur color;

2.列表規則

list-style:circle inside;/none;

list-style-image:url();

list-style-type:circle /…

list-style-position:inside / outside

3.盒子規則

1)盒子模型

box-sizing

content-box(內容盒子/傳統盒子)

width = 內容的寬度

實際占有width = width + padding + border

border-box(邊框盒子)

width = 實際占有的width(width + padding + border)

2)盒子樣式

margin:(外邊距)

margin-top

margin-right

margin-bottom

margin-left

margin: 5px;

margin: 5px 10px;

margin: 5px 10px 15px;

margin: 5px 10px 15px 20px;

padding:(內邊距)

padding-top

padding-right

padding-bottom

padding-left

border:(邊框)

border-top

border-top-style

border-top-width

border-top-color

border-right

border-right-style

border-right-width

border-right-color

border-bottom

border-bottom-style

border-bottom-width

border-bottom-color

border-left

border-left-style

border-left-width

border-left-color

background:(背景)

background-image

url(path)

background-position: 背景的位置

關鍵字/20px 20px

backgroupd-origin:背景的起點

border-box/content-box

background-repeat:背景的重複方式

repeat-x/repeat-y/no-repeat

background-size:背景的填充方式

cover/ contain

background速寫:

backgrond-clip:設定背景的覆蓋範圍

border-box——–背景位於邊框以內

padding-box——-背景位於內邊距以內

content-box——-背景位於內容區

background-attachment (設定背景影象的固定點)

速記寫法取值:

[css

語法 規則

選擇器

css注釋: /* mmm */

html注釋:

css在html中的應用:

1 style=""

23 style.css

選擇器

規則 1. 字型模組

2. 列表模組

3. 盒子模組

4. **模組

5. 動畫模組

6. **查詢模組

布局 1、2、3、4、5、

Html5筆記之第六天

標籤定義圖形,比如圖表和其他影象,您必須使用指令碼來繪製圖形。在畫布上 canvas 畫乙個紅色矩形,漸變矩形,彩色矩形,和一些彩色的文字。注意 標籤通常需要指定乙個id屬性 指令碼中經常引用 width 和 height 屬性定義的畫布的大小.你的瀏覽器不支援 html5 canvas 標籤。例項...

第六天筆記

01 遍歷 items for item in my dict.items print item print key s,value s item 0 item 1 注意 如果迴圈遍歷字典的時候 你想需要字典的key和value 格式 for key位置,value位置 in my dict.ite...

第六天學習

變數的作用域 區域性變數 在函式內部定義的變數,這個變數只能在函式內部使用,在全域性當中不能使用。使用就報錯了。全域性變數 在函式外部定義的變數,這個變數可以在全域性使用。但是我們一般不推薦使用全域性變數 因為可能會意外的修改掉變數的值。迫不得已不要用全域性變數 衝突處理原則 就近原則。而不是從上到...