html新手教程

2021-09-25 02:12:48 字數 1454 閱讀 8973

1.製作乙個靜態網頁的步驟為:確認目標-收集素材-網頁布局-**編寫

2.網頁布局:瀏覽器是根據.html文件的順序逐行實現**。

常見網頁布局方式是將網頁分成一塊一塊的區域組合而成。

常見塊元素有:p div ul-li h1 h1…等,塊元素獨佔一行。

常見內聯元素:a img span等,內聯元素裡面不允許套塊元素。

1.div: div是較為重要的分割槽元素,用於塊顯示,使用div可以實現大部分網頁布局。

div如果沒有給寬高,則預設為100%,高度根據內容決定;

占用空間=寬高+內邊距+邊框+外邊距;

可將div想象成乙個盒子。

1.id選擇器:

如 #main /css樣式/

nable

2.類選擇器: 如 .lei/*font.lei{}則只能在font這一種標記上有效*/

nabel
3.屬性選擇器:

如:a[target]

表示有target屬性的背景顏色為紅色

4.反向選擇器:

如 :not§

表示除了

標記,其他都用紅色。

1.浮動:float

浮動相當於元素飄在空中

兩元素需要都浮動才能併排

如:#div1

#div2

2.定位:position

絕對定位:absolute(以用position定位的上一層元件的左上角為原點進行定位)

相對定位:relative(以元件本身的左上角為遠點進行定位)

3.層疊:z-index

在position定位為前提才可以使用

如:z-index:1;表示第一層

z-index:2;表示第二層

1.內嵌(又稱行內宣告)用法如下:

將style寫在body內

2.內聯 用法如下:

body

p

即省去內聯的**style即可

4.還有一種匯入樣式,同樣寫在外部文字,與3相似。

使用者名稱:
你的瀏覽器不支援

flash動畫:

1.亂碼:出現這種問題主要是因為編碼方式

表示國際通用編碼,注意儲存時也要存為uth-8編碼方式

2.無法顯示:首先檢查命名跟原始檔名字是否一致

再檢查是否在該路徑資料夾內

如要引用html檔案的上層資料夾內的:

flower表示上層資料夾名,…/表示上層,/…/表示上上層,注意,是2個

PostgreSQL新手教程

自從mysql被oracle收購以後,postgresql逐漸成為開源關係型資料庫的首選。本文介紹postgresql的安裝和基本用法,供初次使用者上手。以下內容基於debian作業系統,其他作業系統實在沒有精力兼顧,但是大部分內容應該普遍適用。1首先,安裝postgresql客戶端。sudo ap...

git新手教程

1.我們可以在本地新建乙個資料夾,命名為gitstart,然後從windows命令列下進入該資料夾,然後輸入gitinit初始化乙個倉庫 這樣我們,就新建了乙個本地倉庫。2.在該資料夾下新建乙個txt檔案,命名為text.txt。在命令列下輸入git status,將會看到 輸入git add te...

Django新手教程

安裝好django以後 建立新專案 django admin startproject mysite 新創乙個應用 開啟django自帶服務python manage.py runserver建立超級管理員python manage.py createsuperuser開啟django自帶shell...