服務(wù)器是干什么用的一點優(yōu)化
CSS簡介:
CSS 指的是層疊樣式表* (Cascading Style Sheets)，主要用于設(shè)置HTML頁面的文字內(nèi)容（字體、大小、對齊方式），圖片的外形（邊框）
CSS 描述了如何在屏幕、紙張或其他媒體上顯示 HTML 元素
CSS 節(jié)省了大量工作。它可以同時控制多張網(wǎng)頁的布局，其中外部樣式表存儲在 CSS 文件中。
2、想要在web端顯示實時預(yù)覽的畫面，而?？堤峁┑膁emo是用GUI 組件去解碼視頻流數(shù)據(jù)來顯示；并且客服說只能提供IE和舊版chrome瀏覽器的解碼插件；這不符合預(yù)期，那么接下來是使用ffmpeg【ffmpeg的安裝、環(huán)境變量配置及基本使用】對?？狄曨l流rtsp流進(jìn)行轉(zhuǎn)換，并以rtmp協(xié)議的流數(shù)據(jù)返回給前端，前端通過video.js來展示。
3、在瀏覽器和服務(wù)器之間進(jìn)行數(shù)據(jù)交換時，常用的方式是通過JSON（JavaScript Object Notation）進(jìn)行數(shù)據(jù)的序列化和反序列化。以下是一般的數(shù)據(jù)交換流程：
在瀏覽器端（前端），使用JavaScript將數(shù)據(jù)對象轉(zhuǎn)換為JSON字符串。可以使用JSON.stringify()方法進(jìn)行轉(zhuǎn)換。
將JSON字符串通過HTTP請求發(fā)送到服務(wù)器端。
在服務(wù)器端，通過相應(yīng)的框架或庫（如Node.js中的Express框架）接收到請求后，將接收到的JSON字符串轉(zhuǎn)換為服務(wù)器可處理的數(shù)據(jù)格式，如對象或數(shù)組?？梢允褂每蚣芑驇焯峁┑姆椒▉斫馕鯦SON字符串，如JSON.parse()函數(shù)。
服務(wù)器端進(jìn)行相應(yīng)的處理，可能是對數(shù)據(jù)進(jìn)行存儲、處理或其他操作。
服務(wù)器將處理完的數(shù)據(jù)轉(zhuǎn)換為JSON字符串。
將JSON字符串作為響應(yīng)發(fā)送回瀏覽器端。
在瀏覽器端，通過JavaScript將接收到的JSON字符串轉(zhuǎn)換為相應(yīng)的數(shù)據(jù)對象，以便在頁面上進(jìn)行顯示或其他操作。
在這個過程中，JSON提供了一種通用的數(shù)據(jù)格式，它具有簡潔明了、易于理解和解析的特點，能夠方便地在瀏覽器和服務(wù)器之間進(jìn)行數(shù)據(jù)交換。
4、CSS語法規(guī)范：
主要由選擇器和一條或者多條聲明組成。選擇器是用于指定CSS樣式的HTML標(biāo)簽?；ɡㄌ杻?nèi)是對該對象設(shè)置的具體樣式，以鍵值對的形式出現(xiàn)。選擇器分為兩大類：基礎(chǔ)選擇器和復(fù)合選擇器。基礎(chǔ)選擇器主要由標(biāo)簽選擇器，類選擇器，id選擇器，通配符選擇器組成。
標(biāo)簽選擇器：直接使用HTML標(biāo)簽作為選擇器，按標(biāo)簽名稱進(jìn)行分類，直接對某一類的標(biāo)簽指定樣式?？梢钥焖贋轫撁嫱愋偷臉?biāo)簽設(shè)置樣式。
類選擇器：在HTML中以class屬性表示，在CSS中以.顯示，用于單獨選一個或者某幾個標(biāo)簽。.后面跟的類名可以用-來連接，不要用純數(shù)字、中文來命名。一個標(biāo)簽可以有多個類名，從而有更多的樣式，兩個類名之間用空格來分隔。當(dāng)一些標(biāo)簽具有共同的樣式時，可以將其單獨放在一個類里面，這些標(biāo)簽再分別調(diào)用這個公共的類，減少代碼的冗余度。
id選擇器：為標(biāo)有特定id的HTML元素指定特定的樣式。以id屬性來設(shè)置id選擇器，CSS中設(shè)置#來定義樣式。注意，id屬性只能在每一個HTML文檔里出現(xiàn)一次。
通配符選擇器：以*來進(jìn)行定義，表示選取頁面中的所有元素，不需要專門進(jìn)行調(diào)用，自動給元素使用樣式。
5、CSS字體屬性，用于定義字體系列，大小，粗細(xì)，文字樣式。
設(shè)置字體：font-family
字體大小：font-size,單位是px
字體粗細(xì)：font-weight:normal/bolder/400等同于normal，700等同于bolder
文字樣式：font-style:是否是斜體italic/normal
文字顏色：color：三種形式：預(yù)定義的顏色值：red,blue,yellow等。十六進(jìn)制：以#號鍵開頭，如#fff表示6個f，#e4f表示#ee44ff。RGB代碼：rgb(255,0,0)
對齊文本：text-align：left/right/center
裝飾文本：text-decoration:none/underline/overline/line-through(穿線而過)
文本縮進(jìn)：text-indent:2em:首行縮進(jìn)2個字符。em是一個相對單位，即當(dāng)前元素1個文字的大小。
文本行高：line-height:用于設(shè)置行間的距離，可以控制文字行和行之間的距離。包括了上間距、下間距、文本本身的高度。
6、CSS的三種樣式表：行內(nèi)樣式表、內(nèi)部樣式表、外部樣式表。
內(nèi)部樣式表：寫到HTML內(nèi)部，即<head></head>里的<style></style>里
外部樣式表：開發(fā)中最常用。適用于樣式比較多的情況，樣式單獨寫在CSS文件里，再將CSS文件引入到HTML頁面中去使用。
<link rel=”stylesheet” href=”CSS文件的路徑”
行內(nèi)樣式表：直接寫到具體的某一個標(biāo)簽里，用<style></style>括起來。
7、Emmet語法：快速生成HTML結(jié)構(gòu)的語法。
生成標(biāo)簽：div+Tab
生成多個相同的標(biāo)簽:div*3+Tab
父子級關(guān)系的標(biāo)簽：ul>li+Tab
兄弟級關(guān)系的標(biāo)簽：div+p+Tab
p.bin:生成帶有類名為bin的p標(biāo)簽
如果生成的div類是有順序的，可以用自增符號$
8、CSS的復(fù)合選擇器：
在CSS中，復(fù)合選擇器是由基本選擇器組合形成的。包括了后代選擇器，子選擇器，并集選擇器，偽類選擇器。
后代選擇器：選擇父元素里邊的子元素，中間用空格來進(jìn)行分隔。元素1 元素2 {樣式聲明}
子選擇器：選擇作為某元素的最近一級子元素。元素1>元素2（樣式聲明）
選擇元素1里的所有直接后代元素2
并集選擇器：可以選擇多組標(biāo)簽，為它們定義相同的樣式，用逗號連接。
元素1，元素2 {樣式聲明}
偽類選擇器：給某一些選擇器添加特殊的效果，給鏈接添加特殊效果，或選擇第一個。
鏈接偽類選擇器：a:link{}未點擊時呈現(xiàn)的樣式，a:visited{}訪問后呈現(xiàn)的樣式。a:hover{}鼠標(biāo)懸停時的樣式。a:active:{}選擇活動的鏈接，就是鼠標(biāo)點擊了這個鏈接但還沒松開。
實際開發(fā)中一般要按這個順序來進(jìn)行設(shè)置，即LVHA.
用的最多的是：a{}設(shè)置鏈接的樣式，a:hover{}設(shè)置懸停的時候的樣式。
Focus偽類選擇器：用于獲得焦點的表單元素。焦點即光標(biāo)。
Input:focus{background-color:yellow}
9、CSS的元素顯示模式：即標(biāo)簽以什么方式來進(jìn)行顯示，比如<div></div>分為塊元素和行內(nèi)元素。
塊元素：<h1>到h6，<p>，<div>，<ul>、<ol>、<li>
特點：獨占一行、高度，寬度內(nèi)外邊距可以控制，寬度是默認(rèn)父級寬度，是一個容器，里邊可以放其他行內(nèi)或者塊元素。
注意：文字類元素不能使用塊元素，比如p標(biāo)簽里不能使用div標(biāo)簽，還有h1和h6標(biāo)簽。
行內(nèi)元素:<a><strong><em><i><del>，<span>是最典型的行內(nèi)元素。
特點：一行可以顯示多個。不能設(shè)置寬和高，默認(rèn)寬度即本身內(nèi)容的寬度，行內(nèi)元素只能容納文本或者其他行內(nèi)元素。鏈接里不能放其他鏈接。但是可以放塊狀元素。
行內(nèi)塊元素：<img>、<input>、<td>同時具有塊元素和行內(nèi)元素的特點，可以一行占多個，默認(rèn)寬度是本身內(nèi)容的寬度。寬度和行高外邊距和內(nèi)邊距都可以控制。
10、單行文字垂直居中的原理：
將行高和文字高度設(shè)置成一樣的即可。當(dāng)行高小于文字高度時，文字會偏上。當(dāng)行高大于文字高度時，文字會偏下。
11、CSS的背景：
背景顏色：bgc+Tab:默認(rèn)是transparent透明
背景圖片：常用于某些logo或者一些裝飾性的小圖片。優(yōu)點是便于控制位置。
Bgi+Tab
背景平鋪：bgr+Tab：repeat/no-repeat/repeat-x(沿x軸進(jìn)行平鋪)/repeat-y(沿y軸進(jìn)行平鋪)
背景圖片位置：bgp+Tab：x y。參數(shù)可以填方位名詞或者精確的像素值。top/bottom/left/right/center，先是水平方向，再是垂直方向。
注意：如果指定的兩個值都是方位名詞，則兩個值的前后順序無關(guān)。
如果只指定了一個方位名詞，另一個值省略，第二個值默認(rèn)居中對齊。
當(dāng)參數(shù)是精確單位時，第一個是x坐標(biāo)，第二個是y坐標(biāo)。
背景圖像固定：bga+Tab:scroll.背景圖像是隨對象內(nèi)容滾動。Fixed是背景圖像固定。
背景色半透明：background:rgba(0,0,0,0.3)分別是紅綠藍(lán)三色的值加一個透明度，介于0-1之間。