關于Css的所有講解內容

SS課堂筆記

1、CSS的概念

層疊樣式表(英文全稱：Cascading Style Sheets) *層疊：多個樣式可以作用在同一個html的元素上，同時生效

是一種用來表現HTML或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。

樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表中
把樣式添加到 HTML 4.0 中，是為了解決內容與表現分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲在 CSS 文件中
多個樣式定義可層疊為一個

CSS很像化妝，通過不同的CSS將同樣的HTML內容打造為不同的呈現結果。

所以，前端程序員相互表白的時候可以說：you are the CSS to my HTML.

這是不是CSS是對HTML進行美化和布局作用的最好總結？

2、CSS的優勢

功能強大
將內容展示和樣式控制分離

降低耦合度。解耦
讓分工協作更容易
提高開發效率

3、CSS的使用：CSS與html結合使用

根據定義CSS的位置不同，分為行內樣式、內部樣式和外部樣式

3.1 行內樣式

也稱為內聯樣式

直接在標簽中編寫樣式，通過使用標簽內部的style屬性；

一般在測試的時候使用居多：
語法：
<html標簽 style="樣式1：值1;樣式2：值2;....樣式N：值N;">hello my css</html標簽>
案例：
<div style="color: red;">hello my css</div>

弊端：只能對當前的標簽生效，沒有做到內容和樣式相分離，耦合度太高。

3.2 內部樣式

定義在head標簽內，通過style標簽，該標簽內容就是CSS代碼

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>內部樣式</title>
        <style>
            div{
                color: red;
            }
        </style>
    </head>
    <body>
        <div>hello my css</div>
    </body>
</html>

3.3 外部樣式

1、提前定義css資源文件

2、在head標簽內，定義link標簽引入外部樣式文件。

lina.css文件，放在與html頁面同級的css文件夾中：
div {
    color: red;
}

html頁面中的引入
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>外部樣式</title>
        <link rel="stylesheet" href="css/lina.css" />
    </head>
    <body>
        <div>hello my css</div>
    </body>
</html>

作用域的范圍:外部樣式表>內部樣式表>行內樣式表

優先級：外部樣式表<內部樣式表<行內樣式表;

同樣的樣式作用在同一個標簽身上：就近原則；不同樣式作用在同一個標簽身上:疊加生效。

4、CSS語法

基本格式：由兩個主要的部分構成：選擇器，以及一條或多條聲明:

選擇器 {
        屬性1:值1;
        屬性2:值2;
        ...
}
選擇器:篩選具有相似特征的元素
屬性和屬性值之間用冒號分割，不同的屬性之間用分號隔開。

例如：

5、CSS注釋

注釋是用來解釋你的代碼，并且可以隨意編輯它，瀏覽器會忽略它。

CSS注釋以 /* 開始, 以 */ 結束

/*這是CSS的注釋*/
div {
    color: red;  /*文字顏色是紅色*/
}

6、基本選擇器：篩選具有相似特征的元素

6.1 id選擇器

選擇具有相同id屬性值的元素，建議html頁面中的id值唯一

id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。

HTML元素以id屬性來設置id選擇器,CSS 中 id 選擇器以 "#" 來定義。

PS： ID屬性不要以數字開頭，數字開頭的ID在 Mozilla/Firefox 瀏覽器中不起作用。

雖然多個元素可以使用同一個id選擇器控制樣式，但是不推薦。如果需要同樣的樣式對多個標簽生效，使用class選擇器。

6.2 class選擇器

選擇具有相同的class屬性值的元素。

class 選擇器用于描述一組元素的樣式，class 選擇器有別于id選擇器，class可以在多個元素中使用。

class 選擇器在HTML中以class屬性表示, 在 CSS 中，類選擇器以一個點"."號顯示：

PS：類名的第一個字符不能使用數字！它無法在 Mozilla 或 Firefox 中起作用。

6.3 元素選擇器/標簽選擇器

選擇具有相同標簽名稱的元素。

定義選擇器語法：標簽名稱{}；PS：標簽名稱必須是html提供好的標簽。

使用標簽選擇器：自動使用在所有的同名的標簽上

7 優先級

7.1 選擇器的優先級

ID選擇器 > 類選擇器 > 標簽選擇器

當多個選擇器作用在同一個標簽上的時候，如果屬性沖突，看優先級；如果不沖突，樣式疊加生效。

7.2 樣式表的優先級

行內樣式 > 內部樣式 >外部樣式

同樣，三個樣式表中都有內容作用在同一個html標簽的時候，如果屬性沖突，看優先級；如果不沖突，樣式疊加生效。

8 CSS常用樣式

8.1 color :字體顏色

跟顏色相關的取值分3種：

1、顏色的單詞 red blue...

2、rgb(紅，綠，藍)三色的取值范圍是0-255 rgb(255,0,0)

rgba（紅，綠，藍,透明度），透明度取值：0-1 0 全透明 1-不透明 0.5 半透明rgba(255,0,0,0.4)

3、#值1值2值3 ：值的范式是00-FF 十六進制數字組成的例如：#FF0000

8.2 width height:寬高

PS：只有塊狀元素可以設置寬高，行級元素設置不生效。

取值方式有2種：

1：數值絕對數字單位是像素PX

2：百分比：占據父元素的比例

8.3 背景樣式

8.4 文本樣式

8.5 列表樣式

8.6 邊框樣式

10 HTML&CSS調試利器

以谷歌瀏覽器為例說明。

快捷鍵F12或者工具條中的開發者工具調出以下內容。

在elements中可以看到當前頁面的所有標簽，在styles中可以看到html元素對應的樣式。

11 盒子模型

11.1 概念

所有HTML元素可以看作盒子，在CSS中，"box model"這一術語是用來設計和布局時使用。

CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實際內容。

盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。

盒子模型說明圖：

Margin(外邊距) - 清除邊框外的區域，外邊距是透明的。
Border(邊框) - 圍繞在內邊距和內容外的邊框。
Padding(內邊距) - 清除內容周圍的區域，內邊距是透明的。
Content(內容) - 盒子的內容，顯示文本和圖像。

11.2 盒子的寬度和高度

元素的實際寬度和高度：

當我們計算一個元素實際在頁面占有的總寬度計算公式是這樣的：

總元素寬度=寬度+左填充+右填充+左邊框+右邊框+左邊距+右邊距

元素的總高度最終計算公式是這樣的：

總元素的高度=高度+頂部填充+底部填充+上邊框+下邊框+上邊距+下邊距

11.3 如果想要設置的寬度直接就是元素的實際寬度，通過box-sizing屬性

12 補充常用樣式

12.1 float 浮動

12.1.1 什么是浮動

CSS 的 Float（浮動），會使元素向左或向右移動，其周圍的元素也會重新排列。

Float（浮動），往往是用于圖像，但它在布局時一樣非常有用。

12.1.2 元素怎樣浮動

元素的水平方向浮動，意味著元素只能左右移動而不能上下移動。

一個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。

浮動元素之后的元素將圍繞它。

浮動元素之前的元素將不會受到影響。

12.1.3 彼此相鄰的浮動元素

如果你把幾個浮動的元素放到一起，如果有空間的話，它們將彼此相鄰。

12.1.4 clear--清除浮動

元素浮動之后，周圍的元素會重新排列，為了避免這種情況，使用 clear 屬性。

clear 屬性指定元素兩側不能出現浮動元素。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>浮動</title>
        <style>
            div{
                width: 400px;
                height: 200px;
                margin-bottom: 10px;
            }
        </style>
    </head>
    <body>
        <!--沒有浮動屬性的元素都屬于常規文檔流：從上往下從左往右依次顯示
            浮動的元素都脫離了常規文檔流；
            為了好理解：大家可以認為浮動元素屬于一層，非浮動元素屬于一層
            如果想要非浮動元素不受浮動元素的影響，需要使用clear屬性
        -->
        <div style="background: rgba(255,0,0,0.5); float: left;">
            div1-左浮動，脫離常規文檔流，緊貼父元素或者上一個同方向浮動
        </div>
        <div style="background: lawngreen; width: 600px; height: 350px; ">
            div2-未浮動，常規文檔流,
            <br/>PS:此時div1在div2的上方顯示，因為div1和div2是不同文檔流中的元素，顯示互不影響
            如果不想讓div2被浮動元素影響，需要添加clear屬性。
            添加clear: left;之后div2就會忽略div1浮動的影響，在div1層后面顯示，不會重疊了，大家可以自己試驗一下
        </div>
        <div style="background: lightblue; float: right; width: 1800px;">
            div3-右浮動，脫離常規文檔流，緊貼父元素或者上一個同方向浮動
        </div>
        <div style="background: lightcoral; width: 600px; height: 350px; ">
            div4-未浮動，常規文檔流,
            <br/>PS:此時div3在div4的上方顯示，因為div3和div4是不同文檔流中的元素，顯示互不影響
            如果不想讓div4被浮動元素影響，需要添加clear屬性。
            添加clear: right;之后div4就會忽略div3浮動的影響，在div3層后面顯示，不會重疊了，大家可以自己試驗一下
            
            clear屬性有三個取值：left、right、both;分別是取出左浮動、有浮動和所有浮動元素的影響
        </div>
        <div style="background: lavender;">
            div5-未浮動，常規文檔流,
        </div>
    </body>
</html>

12.2 overflow

控制內容溢出元素框時顯示的方式。

overflow屬性有以下值：

值	描述
visible	默認值。內容不會被修剪，會呈現在元素框之外。
hidden	內容會被修剪，并且其余內容是不可見的。
scroll	內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。
auto	如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。
inherit	規定應該從父元素繼承 overflow 屬性的值。

注意:overflow 屬性只工作于指定高度的塊元素上。

注意: 在 OS X Lion ( Mac 系統) 系統上，滾動條默認是隱藏的，使用的時候才會顯示 (設置 "overflow:scroll" 也是一樣的)。

12.3 Display(顯示) 與 Visibility（可見性）

12.3.1 兩者的區別

display屬性設置一個元素應如何顯示，visibility屬性指定一個元素應可見還是隱藏。

隱藏一個元素可以通過把display屬性設置為"none"，或把visibility屬性設置為"hidden"。但是請注意，這兩種方法會產生不同的結果。

visibility:hidden可以隱藏某個元素，但隱藏的元素仍需占用與未隱藏之前一樣的空間。也就是說，該元素雖然被隱藏了，但仍然會影響布局。

display:none可以隱藏某個元素，且隱藏的元素不會占用任何空間。也就是說，該元素不但被隱藏了，而且該元素原本占用的空間也會從頁面布局中消失。

12.3.2 display 改變元素的類型

CSS樣式有以下三個：

display:block -- 顯示為塊級元素
display:inline -- 顯示為內聯元素
display:inline-block -- 顯示為內聯塊元素，表現為同行顯示并可修改寬高內外邊距等屬性

13 復合選擇器

由兩個或多個基礎選擇器，通過不同方式組合而成的。

可以更準確更精細的選擇目標元素標簽。

13.1 全局選擇器

語法：* {} 一般去掉標簽的一些默認效果的時候使用，或者整站通用效果時使用。但是不推薦，一般將 * 替換為常用標簽的名稱，并用逗號分隔，其實就是使用并集選擇器。

13.2 并集選擇器

并集選擇器（CSS選擇器分組）是各個選擇器通過,連接而成的，通常用于集體聲明。

語法：選擇器1，選擇器2，......選擇器N{}

意思是多個選擇器都是通用的樣式。任何形式的選擇器（包括標簽選擇器、class類選擇器id選擇器等），都可以作為并集選擇器的一部分。

13.3 交集選擇器

條件：交集選擇器由兩個選擇器構成，找到的標簽必須滿足：既有標簽一的特點，也有標簽二的特點。

語法：h3.class{ color:red; }

其中第一個為標簽選擇器，第二個為class選擇器，兩個選擇器之間不能有空格，例如div.list。

交集選擇器是并且的意思。即...又...的意思

例如：   table.bg   選擇的是： 類名為 .bg  的 表格標簽，但用的相對來說比較少。

13.4 后代選擇器

概念：后代選擇器又稱為包含選擇器。

作用：用來選擇元素或元素組的子孫后代。

其寫法就是把外層標簽寫在前面，內層標簽寫在后面，中間用空格分隔，先寫父親爺爺，在寫兒子孫子。

  格式：父級 子級{屬性:屬性值;屬性:屬性值;}

語法：.class h3{color:red;font-size:16px;}

當標簽發生嵌套時，內層標簽就成為外層標簽的后代。

子孫后代都可以這么選擇。或者說，它能選擇任何包含在內的標簽。

13.5 子元素選擇器

作用：子元素選擇器只能選擇作為某元素子元素(親兒子)的元素。

其寫法就是把父級標簽寫在前面，子級標簽寫在后面，中間跟一個 > 進行連接。

語法：.class>h3{color:red;font-size:14px;}

 比如：  .demo > h3 {color: red;}   說明  h3 一定是demo 親兒子。  demo 元素包含著h3。

13.6 實現代碼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>復合選擇器</title>
		<style>
			/*全局選擇器：
			 	一般去掉標簽的一些默認效果的時候使用，或者整站通用效果時使用。但是不推薦，
			 */
			*{
				color: #333;/*定義全局文字顏色，統一色彩基調*/
			}
			/*并集選擇器：通常用于集體聲明
			 	替換全局選擇器；
			 */
			div,p,dldt,dd{
				/*去掉瀏覽器的默認樣式*/
				margin: 0;
				padding: 0;
				color: #333;/*定義全局文字顏色，統一色彩基調*/
			}
			/*交集選擇器*/
			li.myli{
				color: red;
			}
			/*后代選擇器*/
			ul li{
				font-size: 28px;
			}
			.myUL li{
				font-family: "微軟雅黑";
			}
			.myUL li a{
				text-decoration: line-through;
			}
			/*子元素選擇器*/
			.demo>h3{
				color: red;
			}			
		</style>
		
	</head>
	<body>
		<ul>
			<li>li11111111111</li>
			<li class="myli">li22222222222</li>
			<li>li33333333333</li>
			<li>li44444444444<a href="">點擊我試試</a></li>
			<li class="myUL">
				<ul>
					<li>li11111111111</li>
					<li class="myli">li22222222222</li>
					<li>li33333333333</li>
					<li>li44444444444
						<a href="">點擊我試試</a>
					</li>
				</ul>
			</li>
		</ul>
		<ol>
			<li>li11111111111</li>
			<li>li22222222222</li>
			<li>li33333333333</li>
			<li>li44444444444</li>
		</ol>
		<div class="demo">
			div1
			<h3>靜夜思</h3>	
			<ul>
				<li><h3>靜夜思----li</h3></li>
			</ul>
		</div>
		
	</body>
</html>

13.6 偽類選擇器

偽類選擇器：和類選擇器相區別類選擇器是一個點比如 .demo {} 而我們的偽類用 2個點就是冒號比如 :link{} 。

作用：用于向某些選擇器添加特殊的效果。比如給鏈接添加特殊效果，比如可以選擇第1個，第n個元素。

因為偽類選擇器很多，比如鏈接偽類，結構偽類等等。我們這里先給大家講解鏈接偽類選擇器。

a:link /* 未訪問的鏈接 */
a:visited /* 已訪問的鏈接 */
a:hover /* 鼠標移動到鏈接上 */
a:active /* 選定的鏈接 */

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>偽類選擇器</title>
		<style>			
			/*偽類選擇器*/			
			a:link{
				color: red;/*默認顏色是紅色*/	
			}
			a:visited{
				color: blue;/*訪問過的頁面是藍色*/	
			}
			a:hover{
				color: green;/*鼠標懸浮是綠色*/	
				font-size: 28px;
			}
			a:active{
				color: gold;/*按下鼠標不放手是金色*/	
				font-family: "微軟雅黑";
			}
		</style>
		
	</head>
	<body>
		<a href="03-常用樣式.html" target="_blank">常用樣式</a>
		<a href="04-盒子模型1.html" target="_blank">盒子模型</a>
		<a href="05-綜合練習.html" target="_blank">綜合練習</a>
	</body>
</html>

注意**

寫的時候，他們的順序盡量不要顛倒按照 lvha(四類的首字母) 的順序。否則可能引起錯誤。
因為叫鏈接偽類，所以都是利用交集選擇器 a:link a:hover
因為a鏈接瀏覽器具有默認樣式，所以我們實際工作中都需要給鏈接單獨指定樣式。
實際開發中，我們很少寫全四個狀態，一般我們寫法如下：

a {   /* a是標簽選擇器  所有的鏈接 */
       font-weight: 700;
       font-size: 16px;
       color: gray;
}
a:hover {   /* :hover 是鏈接偽類選擇器 鼠標經過 */
       color: red; /*  鼠標經過的時候，由原來的 灰色 變成了紅色 */
}

13.7 復合選擇器比對

選擇器	作用	特征	使用情況	隔開符號及用法
后代選擇器	用來選擇元素后代	是選擇所有的子孫后代	較多	符號是空格 p .one
子代選擇器	選擇最近一級元素	只選親兒子	較少	符號是> .nav>p
交集選擇器	選擇兩個標簽交集的部分	既是又是	較少	沒有符號 p.one
并集選擇器	選擇某些相同樣式的選擇器	可以用于集體聲明	較多	符號是逗號 .nav, .header
鏈接偽類選擇器	給鏈接更改狀態		較多	重點記住 a{} 和 a:hover 實際開發的寫法

數對于任何編程語言來說都是核心部分。通過函數可以封裝任意多條語句和表達式，而且可以在任何地方、任何時候調用函數方法來執行。

在JavaScript中的函數使用function關鍵字聲明，然后就是函數的參數和函數體。

函數的語法如下:

function functionName(arg0,arg1,arg2,...){
statements
}

示例:

定義了一個hello方法，這個函數通過其函數名來調用，函數輸出結果是"Hello World"。函數中定義中的命名參數h和w被作用了字符串拼接的兩個操作數，最終結果通過控制臺打印顯示出來。

JavaScript中的函數在定義時不必指定是否返回值。實際上，任何函數在任何時候都通過return語句后跟要返回的值來實現返回值。

帶有返回函數的語法如下:

function functionName(arg0,arg1,arg2,...){
statements
return result;
}

示例:

凡是帶有返回值的函數，在return之后寫其它代碼塊是不會在執行的，因為已經把結果都返回出去了相當于這個函數已經結束了。

在嚴格模式對函數存在一些限制:

1、不能把函數名命名為eval或者arguments；

2、不能把參數命名為eval或arguments；

3、不能出現兩個命名參數同名的情況。

如果發生以上的情況，會導致語法錯誤，代碼執行不下去。

JavaScript函數的參數與大多數語言的函數參數有一點區別。JavaScript函數不介意傳遞進來多少個參數，也不在乎傳遞進來的參數是什么類型。即使定義的函數帶有接收兩個參數，在調用這個函數時也不一定要傳這兩個參數。可以不傳參數、可以傳一個參數、可以傳兩個參數甚至跟多。但是對于JavaScript解析器來說是不會報錯的，完全正常解析。

原因在于JavaScript內部接收參數始終都是以數組來接收，實際上我們可以通過arguments對象來訪問這個參數數組，從來獲取傳遞函數的每一個參數信息。

訪問arguments對象數組可以使用方括號來訪問它的每一個元素，使用length屬性來確定傳遞進來多少個參數。在前面的hello函數可以通過arguments[0]來獲取參數。

示例:

arguments獲取參數也是有順序的,第一個參數傳進來的是什么就是什么。

還可以不定義參數傳遞的值

如果值傳遞了一個值，然后通過arguments[1]獲取參數，其實結果是undefined。arguments[0]是正常的參數值，因為只傳了一個值。

JavaScript中除了對象類型參數，其它參數都是值傳遞，不可能通過引用參數傳遞

而且JavaScript中的函數不存在重載，定義多個函數名相同并且參數個數不同的方法進行調用，永遠都是拿最后定義的那個函數作為方法調用。

調用的是帶兩個參數的函數，因為我這里只傳了一個值，第二個值默認是undefined。

所以說JavaScript不存在方法重載的這一方法。

頁是什么，大家打開的任何一個頁面都是網頁，那么網頁是怎么做的呢？那我們在學習html之后，我們能不能做出想這么漂亮的網頁呢？

我們大數據學的偏向后端的學習，而html是比較前端的知識。不怕，我們通過10天的學習，完全可以做出比學習h5的同學更好的頁面，一點問題都沒有。關注一下，帶你上車。

什么是HTML

HTML就是描述網頁的一種語言，它具體指的就是超文本標記語言，在這里我們需要注意的一點是，html不是編程語言，而是一種標記語言，這是我們需要明確的。標記語言又是一套標記標簽。

那么，準確的說，HTML就是使用標記標簽來描述網頁的一種標記類型的語言。一個完整的HTML文檔中包含了HTML標簽和文本的內容，這也就我們說的web頁面。

創建一個頁面，我們只需要新建一個.txt文件，我們將后綴名改成.html或者htm就可以了。

我們想要使用超文本標記語言，那就得服從人家的標準。

我們看到頂部的頭DOCTYPE，DOC就是document的縮寫，第一句話我們聲明的文檔類型為html。

HTML網頁結構（非常重要）

下面是一個html網頁的簡單結構，我們在<head>中可以放一些<style>樣式，<scrip>t腳本以及<meta>元數據等標簽去豐富我們的頁面，在<body>體內我們存放著可視化的內容。

這就是我們html的一個簡單的網頁結構，通過這個可以讓你對html語言更加的清晰。

HTML標簽

在上面的<html></html>或者<p></p>等成對出現的代碼，就是我們的標簽，有開始有結束。

只要是標簽，我們都是以間括號修飾（大部分），而結束標簽多了一個反斜線"/"。

HTML元素與HTML標簽區別：

這兩個名詞通常都是描述同樣的意思，嚴格意義上，HTML元素包含了開始的標簽和結束的標簽，有兩部分組成。

下面標簽我們不強調的都是雙標簽。

標題<h1...h6>

htm中的標題是通過<h1...h6>標簽來定義的，數字越大，字體越小。最小只有到6，再小也沒有什么意義了。

h標簽我們一般用在文章的標題。

段落<p>

段落標簽我們一般會使用在新聞類的文章中使用居多。使用此標簽我們可以將文章分段輸出。

鏈接<a>

html中使用呢<a>標簽來鏈接目標的地址，而我們在href寫入我們的連接。

在a標簽中還有一個重要的屬性叫做target，它定義了我們以什么樣的形式去打開我們網頁。默認是會在當前頁面打開鏈接，而我們給它一個值“_blank”，我們再去點擊的時候就會發現，瀏覽器打開了一新頁面。

圖片<img>

html中我們用img來顯示一張圖片。img中有一重要的屬性，src，我們給src一個圖片的地址路徑。<img></img>是一個成對的標簽，但是我們一般不會再標簽中間再去寫文字，所以我一般這么使用圖片標簽<img src=“ ” />，將后面的img省略掉。所以img元素是自閉元素，不需要結束標記。

height：定義圖片的高， width：定義圖片的寬

文本格式化標簽

水平線和折行標簽

在html中我們使用<hr/>，給我們的web頁面中加一條水平線。我們使用<br/>來折行，也就是換行標簽。

我們可以看到折行標簽的行間距比起段落標簽來更小。

表格（重要）

表格在HTML中是有<table>標簽來定義的，每個表格都是由<tr>標簽定義的行和每行被<td>標簽分割的單元格組成的。

這里我們使用rowspan合并單元格

我們使用colspon來合并列。

列表

表單

完成之后，我們的網頁效果圖如下：

Head頭部

上面就是對javaweb中html框架的簡單介紹，在沒有css樣式情況下，我們的頁面還僅僅只是比較簡單的。后續我們將繼續進行講解，10篇文章我們就可以超h5的學生。一起加油~愛學習的人都會關注呦~

感謝堅持關注的朋友~

世界很大，幸好有你~

歡迎在評論區留下你的問題或困惑，我將每天與你分享我的觀點和心得。

聚焦最新科技咨訊，探尋未來智能領域，我是Mario女陶。

在線咨詢

上一篇：html5常用基本標簽
下一篇：這里有一份HTML的超全教程，自學建網站不再是夢

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商