主頁 > 企業開發 > CSS基礎（基于黑馬程式員視頻的學習筆記）

CSS基礎（基于黑馬程式員視頻的學習筆記）

2022-09-28 09:00:55 企業開發

一、CSS選擇器

1、標簽選擇器

  • 選中所有的該標簽

標簽名 {
    CSS屬性名:屬性值;
}

2、類選擇器

.類名 {
    CSS屬性名:屬性值;
}

  • 所有標簽都有class屬性，class屬性的屬性值稱為類名

  • 類名可以由數字、字母、下劃線、中劃線組成，但不能以數字或中劃線開頭

  • 一個標簽可以有多個類名，類名之間以空格隔開

  • 類名可以重復，一個類選擇器可以選中多個標簽

3、id選擇器

#id {
    CSS屬性名:屬性值;
}

  • 所有標簽都有id屬性

  • id屬性在一個頁面中不可重復

  • 一個標簽只能有一個id

  • 一個id選擇器只能選中一個標簽

4、通配符選擇器

* {
    CSS屬性名:屬性值;
}

選中所有標簽

如果給同一個標簽設定了相同的屬性，此時樣式會重疊，寫在下面的會生效

p {
    color:red;
    color:blue;
}
/* p標簽會顯示為藍色 */

5、后代選擇器

選擇器1 選擇器2 {CSS}（有空格）

后代包括：孩子，孫子，重孫，，，

6、子代選擇器

只包括孩子一代

選擇器1>選擇器2 {CSS}

7、并集選擇器

選擇器1,選擇器2{CSS}

并集選擇器中的每組選擇器可以是基礎選擇器或者復合選擇器

8、交集選擇器

選擇器1選擇器2{CSS}（無空格）

如：p標簽且

p.box{CSS}

9、hover偽類選擇器

選擇器:hover{CSS}

偽類選擇器選中的元素的某種狀態，任何標簽都可以添加偽類

 

二、字體和文本樣式

1、字體樣式

默認字號是16

font-size：字體大小

font-weight：字體粗細

font-style：字體樣式

font-family：字體

font-family:微軟雅黑,黑體,sans-serif;
/* 表示如果用戶電腦沒有安裝微軟雅黑，則按黑體顯示，若沒有安裝黑體，則按任意一種非襯線字體顯示 */

font復合屬性：font:style weight size/line-through family;

只能省略前兩個屬性，相當于設定了默認值

 

2、文本樣式

縮進：

text-indent:xxpx/xem;

em：一個字的大小

 

水平對齊：

text-align:left/center/right;

讓文本、span、a、input、img水平居中，text-align需要給以上標簽的父級標簽

標簽居中總結：margin:0 auto

 

文本修飾：

text-decoration:underline/line-through/overline/none;

underline：下劃線，line-through：洗掉線，overline：上劃線，none：無裝飾線

 

行高：

line-height:xxpx/font-size的倍數; 注意：行高=上間距+文本高度+下間距

使用font:style weight size/line-through family;時，注意覆寫問題

 

三、背景

1、背景顏色 | 圖

background-color：可以設定顏色/十六進制/rgb(a)

background-image:url(圖片路徑)

 

2、背景平鋪

background-repeat屬性

repeat：默認，水平和垂直方向都平鋪

no-repeat：不平鋪

repeat-x：沿x軸平鋪

repeat-y：沿y軸平鋪

 

3、背景位置

background-position:水平方向位置 垂直方向位置;

水平：left center right

垂直：top center bottom

或者均采用px移動，（以父容器左上角為原點）正數向右向下移動，負數向左向上移動

 

4、復合屬性（不要求順序）

推薦寫法：background:color image repeat position

 

四、元素顯示模式

1、塊級元素

div、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer...

可以設定寬高，獨占一行

 

2、行內元素

a、span、b、u、i、s、strong、ins、em、del...

不可以設定寬高，一行可以顯示多個

 

3、行內塊元素

input、textarea、button、select...

特殊情況：img標簽有行內塊特點，但是Chrome除錯工具中是inline

一行可以顯示多個，可以設定寬高

 

4、元素顯示模式轉換

display:block：轉換成塊級元素

display:inline-block：轉成行內塊元素

display:inline：轉成行內元素

 

TIPS：標簽嵌套注意點

1、塊級元素一般作為大容器，可以嵌套：文本、塊級元素、行內元素、行內塊元素等等......

但是p標簽中不要嵌套div、p、h等塊元素

2、a標簽內部可以嵌套任意元素，但不能嵌套a標簽

 

五、CSS特性

1、繼承性

子元素默認繼承有父元素樣式的特點

常見的可繼承屬性：color、font-style、font-weight、font-size、font-family、text-align、text-indent、line-height...

（控制文字的屬性都能繼承，反之）

繼承失敗的情況：a標簽的color、h系列標簽的font-size

 

2、層疊性

注意：當樣式沖突時，當選擇器優先級相同時，才能通過層疊性判斷結果

 

3、優先級

繼承 < 通配符選擇器 < 標簽選擇器 < 類選擇器 < id選擇器 < 行內樣式 < !important

!important寫在屬性值的后面，分號的前面，且不能提升繼承的優先級

如：

div{
    color:green !important;
}

如果優先級相同，則按行內、id、類、標簽的順序比較選擇器個數，個數多的優先級高

 

六、盒子模型

CSS規定每個盒子由內容區域content、內邊距區域padding、邊框區域border、外邊距區域margin構成，這就是盒子模型

1、內容content

width、height默認設定盒子內容大小

 

2、邊框border

border:10px solid red （不分先后順序）

分別表示邊框方向，邊框粗細，邊框線型別，邊框顏色 solid實線、dashed虛線、dotted點線

也可以使用單獨屬性：border-方位詞/width/style/color，但更常用符合屬性

 

3、內邊距padding

padding屬性可以當作符合屬性使用，最多可以取四個值，表示上右下左；兩個值表示上下 左右；三個值表示上 左右 下

盒子模型最終大小 = width/heigth + 2*border + 2*padding

給盒子設定屬性box-sizing:border-box;，瀏覽器會自動計算多余大小，自動在內容中減去，無需計算border和padding給盒子大小造成的影響

 

4、外邊距margin

設定方式同padding

瀏覽器會給部分標簽默認設定margin和padding，但一般在專案開始時需要清楚默認樣式，所以需：

* {
    margin:0;
    padding:0;
}

 

外邊距問題

折疊問題：

垂直布局的塊級元素，上下的margin會合并（取最大值）

解決方案：只給設定一個元素margin

塌陷問題：

互相嵌套的塊級元素，子元素的margin-top會作用在父元素上，導致父元素一起往下移動

解決方案：給父級元素設定border-top或padding-top、給父級元素設定overflow:hiden、轉換成行內塊元素、設定浮動

行內元素的垂直內外邊距：

無法通過padding或margin改變行內標簽的位置

解決方法：加行高

 

七、浮動

1、結構偽類

E:first-child{} ：匹配父元素中第一個子元素，并且是E元素

E:last-child{} ：匹配父元素中最后一個子元素，并且是E元素

E:nth-child(n){} ：匹配父元素中第n個子元素，并且是E元素

E:nth-last-child(n){} ：匹配父元素中倒數第n個子元素，并且是E元素

注：n可以為0、1、2、3...或公式，如even（基數）、odd（偶數）、-n+5（找到前五個）、n+5（從第五個開始往后）

 

2、偽元素

一般頁面中的非主題元素可以使用偽元素，是由CSS（非HTML） 模擬出的標簽效果

::before：在父元素內容的最前面添加一個偽元素

::after：在父元素內容的最后面添加一個偽元素

偽元素必須設定content屬性才能生效，且默認是行內元素

/* 示例 */
div::before{}
div::after{}

 

常見標準流規則：

塊級元素：從上往下，垂直布局，獨占一行

行內（塊）元素：從左往右，水平布局，空間不夠自動拆行

 

3、浮動

瀏覽器決議行內（塊）元素時，如果代碼有換行，則會有間距

浮動早期用于圖文環繞，現在則用于網頁布局

{
	float:left/right;
	
}

特點：

  • 浮動元素會脫離標準流，在標準流中不占據位置

  • 浮動元素會比標準流高半個級別，可以覆寫標準流中的元素

  • 下一個浮動元素會在上一個浮動元素的左右浮動

  • 浮動后的標簽具有行內塊特點

  • 添加浮動后margin對水平效果的調整不生效，因為浮動更高級

 

4、清除浮動

如果子元素浮動，則此時不能撐開標準流的塊級父元素

方法：

  • 父元素添加高度

  • 額外標簽法：在父元素內容的最后添加一個塊級元素，并設定屬性clear:both（但會讓頁面html結構更復雜）

  • 單偽元素清除

.clearfix::after{
	content:'';
	display:block;
	clear:both;
	/* 以下是補充代碼，在網頁中看不到偽元素；在高版本瀏覽器無區別，主要是為了適配低版瀏覽器 */
	height:0;
	visibility:hidden;
}

  • 雙偽元素清除

/* before作用：解決外邊距塌陷 */
.clearfix::before,
.clearfix::after{
    content:'';
    dispaly:table;
}
.clearfix:after{
    clear:both;
}

  • 設定overflow:hidden

{
    overflow:hidden;
}

 

八、定位

1、使用定位

設定定位方式：

  • position：屬性名

  • static：靜態定位（沒用，不會改變位置）

  • relative：相對定位

  • absolute：絕對定位

  • fixed：固定定位

  • lr都有，以l為準，tb都有，以t為準

設定偏移值：

  • left、right、top、bottom

 

2、相對定位

position:relative

  • 占有原來的位置（不脫標）

  • 仍然具有原有標簽的顯示特點

  • 改變位置參照原位置

應用場景：

  • 配合絕對定位（子絕父相）

  • 用于小范圍的移動

 

3、絕對定位

position:absolute

  • 不占有原來的位置（脫標）

  • 改變標簽的顯示特點（變成行內塊特征）

  • 先找已定位的父級（大多采用相對，就近原則），若有就以這個父級為參照物進行定位；若無已定位的父級，以瀏覽器視窗為參照物進行定位

應用場景：

  • 子絕父相

 

3、居中

絕對定位的盒子無法使用margin:0 auto

  • 定位居中

/* 水平居中 */
position:absolute;
left:50%;
margin-left:-???px;   /*盒子寬度一半*/

/* 垂直居中 */
position:absolute;
top:50%;
margin-top:-???px;    /*盒子高度一半*/

  • 位移居中

/* 位移自己寬高的一半 */
transform:translate(-50%,-50%);

 

4、固定定位

position:fixed

  • 不占據原來位置（脫標）

  • 改變位置參考瀏覽器視窗

  • 具有行內塊特點

 

5、顯示層級

  • 默認情況下，定位的盒子后寫的居上

  • z-index：整數，取值越大，顯示順序越靠上，默認取值0

  • z-index必須配合定位才生效

 

6、裝飾

① vertical-align

  • baseline：默認，基線對齊

  • top：頂部對齊

  • middle：中間對齊

  • bottom：底部對齊

瀏覽器遇到行內和行內塊元素當作文字處理，默認按斬訓線對齊，可以通過vertical-align:middle居中，也可以display:block;處理

.father{
    width:600px;
    height:600px;
    line-height:600px;
    /* 水平居中 */
    text-align:center;
}

img{
    /* 垂直居中 */
    vertical-align:middle;
}

 

② 游標型別：

cursor

  • default：默認值，通常是箭頭

  • pointer：手，提示用戶可以點擊

  • text：工字型，提示用戶可以選擇文字

  • move：十字游標，提示用戶可以移動

 

③ 邊框圓角

border-radius:數字/百分比

  • 最大取值50%，即正圓

  • 從左上角開始賦值，然后順時針，沒有賦值看對角

 

常見應用：

  • 正圓

    • 盒子必須是正方形

    • 設定border-radius:50%

  • 膠囊按鈕

    • 盒子必須是長方形

    • 設定border-radius:盒子高度一半

 

④ 溢位部分顯示效果

overflow

  • visible：默認值，溢位部分可見

  • hidden：溢位部分隱藏

  • scroll：無論是否溢位，都顯示滾動條

  • 根據是否溢位，自動顯示或隱藏滾動條

 

⑤ 元素本身隱藏

  • visibility:hidden：占位隱藏

  • dispaly:none（常用）：不占位隱藏

 

⑥ 元素整體透明度（拓展）

opacity:0~1之間的數字

opacity會讓元素整體透明，包括其中的文字、圖片

 

九、專案樣式補充

1、精靈圖

專案中將多張小圖片合成一張大圖片，成為精靈圖

優點：減少服務器發送次數，減輕服務器壓力，提高頁面加載速度

  • 不能用img標簽引入精靈圖，會全部顯示

  • 精靈圖的標簽使用行內標簽：span、b、i...

/* 設定背景圖片和位置 */
background-image:url();
background-position:水平位置 垂直位置;

設定背景圖片大小background-size

  • ？？px

  • 百分比：相當于當前盒子自身的寬高百分比

  • contain：包含，等比縮放，直到不會超出盒子的最大

  • cover：覆寫，等比縮放，直到剛好填滿整個盒子沒有空白

background連寫：background:color image repeat position/size;

 

2、盒子陰影

box-shadow

  • h-shadow：必須，水平偏移量，允許負值

  • v-shadow：必須，垂直偏移量，允許負值

  • blur：可選，模糊度

  • spread：可選，陰影擴大

  • color：可選，陰影顏色

  • inset：可選，將陰影改為內部陰影

  • 值都是px

 

3、過渡

transition

  • 過渡的屬性

    • all：所有能過渡的屬性都過渡

    • 具體屬性名:width：只有width過渡

  • 過渡的時長：？s

  • 默認狀態和hover狀態樣式不同，才能有過渡效果

  • transition屬性給需要過渡的元素本身加

  • transition給默認狀態設定，滑鼠移入移出都有效果

  • transition給hover狀態設定，移出沒有效果

/* 過渡配合hover使用，誰變化給誰加過度屬性 */
.box{
    width:200px;
    
    transition:width 1s background-color 2s;
    /* 若變化的屬性多，直接寫all
       transition:all 2s;
    */
}

.box:hover{
    width:600px;
    
}

 

4、SEO

SEO（Search Engine Optimization）：搜索引擎優化，讓網站在搜索引擎排名靠前

提升SEO常見方法：

  • 競價

  • 將網頁制作成html后綴

  • 標簽語意化（在合適的地方使用合適的標簽）

  • ......

SEO三大標簽：

  • title：網頁標題標簽

  • description：網頁描述標簽

  • keywords：網頁關鍵字標簽

 

5、favicon

顯示在標簽頁左側的小圖示，習慣使用ico格式、

ico圖示設定：

<link rel="shortcut icon" href="https://www.cnblogs.com/ruchu045/archive/2022/09/28/favicon.ico" type="image/x-icon">

 

6、專案結構搭建

  • 新建專案檔案夾 xtx-pc-client，在VScode中打開

    • 在實際開發中，專案檔案夾不建議使用中文

    • 所有專案相關檔案都保存在xtx-pc-client目錄中

  • 復制favicon.ico到xtx-pc-client目錄

    • 一般習慣將ico圖示放在專案根目錄

  • 復制 images和uploads目錄到xtx-pc-client目錄中

    • images ：存放網站固定使用的圖片素材，如: logo、樣式修飾圖片...等

    • uploads：存放網站非固定使用的圖片素材，如:商品圖片、宣傳圖...等

  • 新建index.html在根目錄

  • 新建 CSS檔案夾保存網站的樣式，并新建以下CSS檔案:

    • base.css：基礎公共樣式

    • common.css：該網站中多個網頁相同模塊的重復樣式，如:頭部、底部

    • index.css：首頁樣式

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/509710.html

標籤：其他

上一篇：【前端必會】使用indexedDB，降低環境搭建成本

下一篇：D3 筆記

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入，國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求，通過反向代理或者負載均衡將請求轉發到后端，后端Transfer-Encoding優先級較高，以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差，然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成：導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議，高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計，高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz，更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置，該裝置以M國全球定位系統（GLOBAL POSITIONING SYSTEM,縮寫為GPS）或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小，只要企業想省錢，那么企業的某些服務就一定會采用外包的形式，然而看似美好又經濟的策略，其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的，最常見的就是話務/客服這種需要大量重復性、無技術性的服務，或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊，通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里，當然也會發生在其它地發，如登錄框等等也會存在注入，只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參，引數為exp 經過三層過濾執行 第一層過濾偽協議，第二層過濾帶引數的函式，第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式，相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • 使用Django Rest framework搭建Blog

    在前面的Blog例子中我們使用的是GraphQL, 雖然GraphQL的使用處于上升趨勢,但是Rest API還是使用的更廣泛一些. 所以還是決定回到傳統的rest api framework上來, Django rest framework的官網上給了一個很好用的QuickStart, 我參考Qu ......

    uj5u.com 2023-04-20 08:17:54 more
  • 記錄-new Date() 我忍你很久了！

    這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 大家平時在開發的時候有沒被new Date()折磨過？就是它的諸多怪異的設定讓你每每用的時候，都可能不小心踩坑。造成程式意外出錯，卻一下子找不到問題出處，那叫一個煩透了…… 下面，我就列舉它的“四宗罪”及應用思考 可惡的四宗罪 1. Sa ......

    uj5u.com 2023-04-20 08:17:47 more
  • 使用Vue.js實作文字跑馬燈效果

    實作文字跑馬燈效果，首先用到 substring()截取 和 setInterval計時器 clearInterval()清除計時器 效果如下： 實作代碼如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......

    uj5u.com 2023-04-20 08:12:31 more
  • JavaScript 運算子

    JavaScript 運算子/運算子 在 JavaScript 中，有一些運算子可以使代碼更簡潔、易讀和高效。以下是一些常見的運算子： 1、可選鏈運算子（optional chaining operator） ?.是可選鏈運算子（optional chaining operator）。?. 可選鏈操 ......

    uj5u.com 2023-04-20 08:02:25 more
  • CSS—相對單位rem

    一、概述 rem是一個相對長度單位，它的單位長度取決于根標簽html的字體尺寸。rem即root em的意思，中文翻譯為根em。瀏覽器的文本尺寸一般默認為16px，即默認情況下： 1rem = 16px rem布局原理：根據CSS媒體查詢功能，更改根標簽的字體尺寸，實作rem單位隨螢屏尺寸的變化，如 ......

    uj5u.com 2023-04-20 08:02:21 more
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 08:01:50 more
  • 如何在 vue3 中使用 jsx/tsx?

    我們都知道,通常情況下我們使用 vue 大多都是用的 SFC(Signle File Component)單檔案組件模式,即一個組件就是一個檔案,但其實 Vue 也是支持使用 JSX 來撰寫組件的。這里不討論 SFC 和 JSX 的好壞,這個仁者見仁智者見智。本篇文章旨在帶領大家快速了解和使用 Vu ......

    uj5u.com 2023-04-20 08:01:37 more
  • 【Vue2.x原始碼系列06】計算屬性computed原理

    本章目標：計算屬性是如何實作的？計算屬性快取原理以及洋蔥模型的應用？在初始化Vue實體時，我們會給每個計算屬性都創建一個對應watcher，我們稱之為計算屬性watcher ......

    uj5u.com 2023-04-20 08:01:31 more
  • http1.1與http2.0

    一、http是什么 通俗來講，http就是計算機通過網路進行通信的規則，是一個基于請求與回應，無狀態的，應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行，否則無法連接。tcp(三次握手，四次揮手)。 請求與回應：客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:01:10 more
  • http1.1與http2.0

    一、http是什么 通俗來講，http就是計算機通過網路進行通信的規則，是一個基于請求與回應，無狀態的，應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行，否則無法連接。tcp(三次握手，四次揮手)。 請求與回應：客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:00:32 more

Copyright © 2010-2020 有解無憂