HTML CSS基礎總結

2021-08-04 23:50:35 字數 1196 閱讀 3587

自學html和css,學習**為慕課網和w3school。

html裡較為容易忘記的有以下:

1,html的宣告如下

在xhtml中:宣告如下:

html5中最簡便:

2.html標籤

表示強調,斜體;表示更強烈的強調,粗體;

短文本引用,長文字引用。

輸入空格的方法:

標籤引入文字;

為橫線,預設灰色。

一行**:;多行**:(特殊地,它可以保留文字的空格和換行)

在,新建視窗開啟;

3.css樣式語法

p 為滑鼠滑過的字型設定樣式。在css3中詳解,目前相容性最好的是a標籤

分組選擇符:p,span{}

權值:p{}權值為1;

p span{}為2;

.warning{}為10;

p span.warning{}為10+2;

#footer .note p{}為100+10+1;

注意!important最優先

4.css格式化排版

縮排:p

width height;

font-size;

letter-spacing:

word-spacing:

font-family;

color(三種顏色設定方法:

color:#000000;

color後直接加rgb顏色值(#ffffff 、#000000 、#f00);

color:red)

在dw中有顏色取值器,可以找到rgb對應的值。

line-height;

text-align;

5.css元素分類

塊狀元素:a

獨佔一行;高度,寬度,行高,頂和底部都可變。

寬在不設定的情況預設為父容器的100%,除非設定寬度。

內聯元素:div

和其他元素都在一行上,高度,寬度和頂,底部都不可設定;

元素之間還有乙個間距問題;

內聯塊狀元素:a

和其他元素都在一行,高度,寬度等可設定。

6.css盒模型

(累了,等下補充……)

html css基礎總結

總結 常用的標籤 標題 段落粗體斜體 上標下標換行符 水平線加粗強調斜體引用 空格列表 有序列表 無序列表 定義列表 標籤 target blank 表示在新的視窗開啟預設 self 格式 jpg png gif h5中的語義標籤圖形和圖形說明 行 標題單元格 屬性 colspan跨列 rowspa...

HTML,CSS基礎總結

1.css可以提高 的復用性,將內容和表現分離。2.使用css的三種方式 行內式,內聯式,外聯式。檢查 f12 網路 重新整理頁面時載入兩個檔案 html,css。如果有乙個檔案沒有載入則表示載入時有問題。3.css常用選擇器 元素選擇器 元素名 類選擇器 類名 id選擇器 id名 並集選擇器 選擇...

html css筆記總結

完整的html結構 樣式的引用 一。內部編寫 哈,我是乙個帥哥 是不是哦,我暈你 我看看行不行。執行結果為 哈我是乙個帥哥 是不是哦,我暈你 我看看行不行。解釋 哈我是乙個帥哥 用的是absolute 絕對定位,它相對於第乙個div來定位,因為第乙個div是它的父級元素,將它包含在裡面。所以它出現在...