原文:【WEB基礎】HTML & CSS 基礎入門(9)CSS盒子

網頁上的元素辣么多,我該用什么辦法讓它們排列整齊 間距合理呢。常干家務的朋友們就容易理解了,用收納盒呀 所以用CSS做網頁布局就涉及一個盒子的概念,簡單理解,我們可以把頁面上的所有HTML元素看作一個個的盒子,網頁上所展示出來的具體內容,如:文字 圖片等都可以理解為內容,是放在盒子里面的東西。 這些裝着內容的盒子排列在網頁上,盒子與盒子存在着一定的間隙,我們稱為外邊距, 每個盒子都有邊框,每條邊框 ...

2019-05-30 15:04 2 688 推薦指數:

查看詳情

Web基礎--HTMLCss入門

一、Web項目(可跳過,直接從下一個標題開始) 1、Web項目:   指的是帶網頁的項目,通過瀏覽器可以訪問的項目。比如:淘寶、天貓等。 2、Web項目構成:   瀏覽器(客戶端)、服務器、數據庫。 3、Java Web項目訪問流程:   客戶端通過Servlet/JSP與服務器進行 ...

Thu Jul 11 06:40:00 CST 2019 2 1083
WEB基礎HTML & CSS 基礎入門(1)初識

前面 我們每天都在瀏覽着網絡上豐富多彩的頁面,那么在網頁中所呈現出的絢麗多彩的內容是怎么設計出來的呢?我們想要自己設計一個頁面又該如何來做呢?對於剛剛接觸網頁設計的小伙伴來說,看到網頁背后的一堆符號和代碼,是不是會感到有些凌亂。“看這里、看這里”,其實HTML並不復雜,嚴格意義上它並不是編程 ...

Mon May 20 23:07:00 CST 2019 0 510
WEB基礎HTML & CSS 基礎入門(8)表單

前面 前面我們已經熟悉了網頁上一些常見的元素,如在網頁上顯示一段文字、一張圖片、一個列表、一張表格等等。這些東西都是事先編輯好顯示在頁面上只提供給用戶看的,實際上,我們可以把這樣的頁面稱之為靜態頁面 ...

Tue May 28 19:24:00 CST 2019 0 551
WEB基礎HTML & CSS 基礎入門(7)表格

表格的基本結構 表格是網頁上最常見的元素,它除了可以用來展示數據,還常常被用來排版。雖然現在提倡使用DIV+CSS完成頁面布局,但表格框架簡單明了,對於繁雜的數據,一個簡潔的表格能讓其展現的極有條理。 簡單來說,表格是由行、列(單元格)組成。表格由 <table> 標簽來定義。每個 ...

Sun May 26 21:53:00 CST 2019 0 732
WEB基礎HTML & CSS 基礎入門(3)段落及文本

寫在前面:CSS選擇器 網頁要顯示很多內容,想要為每個內容設置不同的樣式,我們就得首先選中要設置樣式的內容,CSS選擇器就是指明該樣式是針對HTML里哪一個元素的。簡單的例子,網頁上有幾段文字,我們想把第一段文字調成紅色的,在用CSS寫完紅色文字樣式后,是不是得指明該紅色文字樣式是針對第一段文字 ...

Wed May 22 16:44:00 CST 2019 0 837
WEB基礎HTML & CSS 基礎入門(4)列表及其樣式

前面 網頁中漂亮的導航、整齊規范的文章標題列表和圖片列表等等。這些都是離不開HTML里一個重要的元素----列表,在HTML中有無序列表、有序列表和定義列表三種類型。其中,無序列表應用最為廣泛,下面,我們一塊認識一下HTML列表。 列表在文檔編輯中也是十分常見的,我們可以結合word里的列表 ...

Thu May 23 17:50:00 CST 2019 0 1147
WEB基礎HTML & CSS 基礎入門(10)布局與定位

塊級元素和行內元素 HTML里的元素可以分為塊級元素和行內元素兩大類: 🅰塊級元素:塊級元素典型特點就是它要獨占一行,它后面跟隨的其它元素都會被擠到下一行,可以將塊級元素理解為一個矩形容器,有自己的寬度和高度。比如:<div><p><hi>< ...

Fri May 31 22:53:00 CST 2019 0 918
WEB基礎HTML & CSS 基礎入門(5)邊框與背景

前面(HTML圖片) 漂亮的網頁肯定少不了邊框與背景的修飾,本篇筆記就是說明如何為網頁上的元素設置邊框或者背景(背景顏色和背景圖片)。 之前,先了解一下HTML中的圖片元素,因為圖片標簽的使用非常簡單,所以就插在這里說明一下。 HTML中的圖片,我們只需要掌握它的標簽寫法以及它的三個屬性 ...

Fri May 24 18:04:00 CST 2019 0 1283
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM