web設定div的顏色 web前端小白科普集

2021-10-12 04:33:31 字數 2701 閱讀 9463

每乙個寫前端的人都有不同的故事.但是都是基礎從零開始.實習公司用的框架也好,網上查到的例子也好,都是需要基礎才可以看懂的.那基礎是什麼呢,我覺得就是常用的前端的一切.我剛寫前端三個月.整理一下自己學到的知識.

html是world wide web上統一的語言。指的是超文字標記語言 (hyper text markup language),使用它所提供的標籤,人類已經建立了令人驚奇、姿態萬千的超連結的文件網路。這裡要注意的是:html不是一種程式語言,而是一種標記語言 (markup language)。

它的基本語法是以"<>"尖括號標籤開始,以""尖括號中帶剛斜槓的標籤結束,標籤通常是成對出現的,標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤,或者稱為開放標籤和閉合標籤.

使用到的場景:

比如說你需要寫乙個頁面.那你可以這樣寫:

hello world!

web前端開發學習q-q-u-n:784783012 ,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法

效果圖:

css是一種向網頁新增樣式的機制,樣式表可描述文件如何被顯示、列印或發音。css(cascading style sheet),中文意思為「層疊樣式表」或「級聯樣式表」

css層疊樣式表是一系列格式設定的規則,它們控制網頁內容的外觀。使用css設定頁面格式時,可以將內容與表現形式分開。頁面內容存放在html文件中,而用於定義表現形式的css規則則存放在另乙個檔案中或html文件的某一部分,通常為檔案頭部分。可以更加靈活地控制具體的頁面外觀,從精確的布局定位到特定的字型和樣式,還可以使html文件**更加簡練,縮短瀏覽器的載入時間。對了,css是由w3c的css工作組產生和維護的。

知道了css是什麼以後,我們就可以利用html+css來構建我們的網頁.

比如給div中的文字加個顏色:

**:

hello world!

我會好好努力

效果圖:

還有很多種樣式的寫法,都可以實現同樣的效果,先舉例兩個:

例子1:

**:

hello world!

我會好好努力

web前端開發學習q-q-u-n:784783012 ,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法

效果圖:

例子2:

**:

hello world!

我會好好努力

效果圖:

實現想要的效果有很多種方式.但是等你知道如何實現效果後就要開始考慮效能了,考慮修改起來是否方便.所以推薦的還是我的第一種寫法,把css樣式提出來,寫到style裡面.這是簡單的乙個頁面裡包含樣式.如果是在專案裡.最好把樣式寫在less檔案裡.然後在需要的地方匯入引用.整理起來就會方便很多.

2023年12月17日,css1作為一項 w3c推薦被發布。而後於2023年1月11日被重新修訂。其中包含非常基本的屬性,比如字型,顏色、空白邊。

css3計畫將 css劃分為更小的模組。css3把很多以前需要使用和指令碼來實現的效果,只需要短短幾行**就能搞定。比如圓角,邊框,文字陰影和盒陰影等。css3不僅能簡化前端開發工作人員的設計過程,還能加快頁面載入速度。

html:hypertext markup language / 超文字標記語言

xml: extensible markup language / 可擴充套件標記語言

xhtml: extensible hypertext markup language / 可擴充套件超文字標記語

xml 它的表現形式就是給乙個文件加一堆標籤,說明每段文字是幹什麼的,有什麼意義。這樣做的目的是方便儲存、傳輸、分享資料,人和機器都可以很方便的閱讀。xml 和 html 有乙個明顯的區別就是:html 的標籤都是預定義的,你不可以自己隨便增加,比如你不能自造乙個標籤叫 , 但是 xml 可以,你可以自己「發明」標籤————這也是「可擴充套件的」乙個含義。

xhtml 就是以 xml 的語法形式來寫 html.

xhtml 出現的原因是:html 是一種語法形式比較鬆散的標記語言,語法要求也不嚴格。比如大小可以混用,屬性值隨便你加不加引號,單引號還是雙引號也隨便你,標籤也可以不閉合。html 標準的制定者 w3c 一看這樣下去不行,所謂無規矩不成方圓,所以就把 xml 的語法形式往 html 上一套,出現了 xhtml,所以你也可以把 xhtml 理解為 html 的嚴格語法形式,除此之外,其它方面基本一樣。

比如 xhtml 有一些強制的要求,如下:

必須包含乙個檔案頭宣告

所有元素名必須小寫

所有空元素必須關閉

所有屬性名必須小寫

所有屬性值必須加引號

所有布林值屬性必須加上屬性值

**編輯器:eclipse,vscode,idea

web許可權設定

設定web目錄許可權chown r www www wwwroot othe 遞迴地將web目錄設定歸屬為www使用者 find www wwwroot othe type d exec chmod 755 d filename 如果 filename為目錄,則為真 find www wwwroot...

web前端 div和span標籤

div和span標籤都是用來幫助頁面進行排版的,它們兩個沒有自己的語意。div 塊級元素,所謂的塊級元素,就是可以通過css設定寬高等一些大小的樣式,這樣的元素標籤稱為塊級元素。塊級元素的特點是自己佔一整行。如果再寫其它標籤,那麼其它標籤會顯示在它的下面。div的寬度預設是整個瀏覽器的寬度,這個寬度...

nginx路徑設定 web

原文 語法 root path 預設值 root html 配置段 http server location if 語法 alias path 配置段 location 如果乙個請求的 uri 是 weblogs test.html時,web 伺服器將會返回伺服器上的 data weblogs b....