HTML與CSS的總結
阿新 • • 發佈:2018-12-16
一、html的文字標籤
1、標題標籤:h1~h6普通的文字標籤 :span
2、段落標籤:p文章標籤 :article 文章中的節標籤:section
3、佈局標籤:div
5、圖片顯示標籤: img(屬性 src alt title)它是行內塊級標籤。
6、超連結標籤: a(href target)
7、框架標籤: iframe
8、列表標籤:
a、有序列表
b、無序列表
c、定義列表
9、表格標籤table
10、表單標籤 form
11、form表單標籤內的標籤 lable input textarea select button
二、css的基本內容
1、css的使用方式:內嵌式 行內式 外鏈樣式 匯入樣式
2、css選擇器:
a、基礎選擇器(類選擇器 標籤選擇器 ID 選擇器)
b、後代選擇器
c、子選擇器
c、偽類旋選擇器
d、群組選擇器
e、兄弟選擇器
f、屬性選擇器
**3、**css選擇器的權重 行內值:1000; class :100; id:10;標籤:1;
4、 css字型樣式的設定:
a、字型風格:font-style
b、字型粗細:font-bold
c、字型大小:font-size
d、字型型別:font-family
5、css的擴充套件:px 、em 、rem
6、css文字樣式的設定
a、文字顏色:color
b、文字居中方式:text-align
c、段落首行縮排:text-indent
d、文字裝飾線:text-decoration
e、英文字母的大小寫:text-transform
f、文字陰影:text-shadow
g、段落文字行高 line-height
h、單詞的間距:word-spacing
j、字元的間距:letter-spacing
k、空格換紅處理:white-space
l、設定文字方向:direction
m、設定文字溢位處理:overflow
n、文字的裁剪:text-overflow
7、css盒子模型(content、padding、border、margin)
8、css 背景
a、背景顏色:background-color
b、背景影象:background-image
c、背景圖片重複:background-repeat
d、背景圖定位:background-position
e、背景圖大小:background-size
f、規定背景顏色裁剪終點:background-clip
g、背景圖片開始位置:background-origin
h、背景組合值:background
i、背景色漸變:background(linear-gradient線性漸變、radial-gradient徑向漸變)
9、vertical-align的作用
10、css元素的顯示與隱藏(元素的顯示方式display /元素的不透明度 opacity、元素的可見性:visibility)
11、css元素的浮動float
12、css元素的定位position
13、擴充套件字型圖示庫
14、css的過渡與動畫
a、過渡:transition
b、動畫:animation
15、css的變形轉換(transform)
a、位移-translate
b、縮放- scale
c、傾斜:skew
d、旋轉-rotate
e、transform-origin變換原點
f、transform-style 3D巢狀樣式
g、perspective-origin定義3D元素透視原點
h、perspective-visibility3D翻轉背面可見性
16、media響應式
17、flex佈局