回顧總結
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...
第六天學習
變數的作用域 區域性變數 在函式內部定義的變數,這個變數只能在函式內部使用,在全域性當中不能使用。使用就報錯了。全域性變數 在函式外部定義的變數,這個變數可以在全域性使用。但是我們一般不推薦使用全域性變數 因為可能會意外的修改掉變數的值。迫不得已不要用全域性變數 衝突處理原則 就近原則。而不是從上到...