小李帶你玩轉html 01

2021-10-04 01:19:05 字數 1762 閱讀 1510

css:cascading style sheets,層疊式樣式表(通俗來說,定義了html標籤你想要在網頁上顯示的樣式)

css的本質就是將結構和樣式進行分離,不再結合在一起

首先我們得知道前端三層:

樣式:html標籤在頁面上的顯示樣式。

所以css作用:

大小:font-size

本身是乙個復合屬性font,裡面的單一屬性,需要用font單

一屬性名。

屬性值,以畫素為單位。

顏色:color

.屬性值有好幾種表達放大,

十六進製制、rgb、reba、顏色名

例如:red(紅色)

orange(橙色)

yellow(黃色)

green(綠色)

cyan(青色)

blue(藍色)

purple(紫色)

white(白色)

black(黑色)

pink(粉色)

gole(金色)

lightblue(淺藍色)

字型:font-family

復合屬性的乙個單一屬性。中文字型和英文本型

書寫時將英文本型寫在前面,中文字型寫在後面

英文本型:常用arial

,consolas

中文字型:預設字型為宋體,常用字型有宋體、微軟雅黑

microsoft

yahei(微軟雅黑)

slisum(宋體)

實體化:將盒子給寬、高、背景色、邊框。

寬度:width

屬性值是畫素

高度:height

屬性值是畫素

背景色:background-color

屬性值就是顏色純色

邊框:border

復合屬性,有多個屬性值,屬性值之間用空格隔開

邊框的寬度、顏色、線的型別

實線邊框:

如果有隸書則使用隸書,如果沒有依次使用後面的。

根據書寫css屬性位置不同 ,將我們的樣式表分為三種:

行內式:

css屬性寫在標籤的乙個style屬性裡,可以書寫他的所有css樣式

這就是行內式

內嵌式:

寫在html檔案裡的,head標籤內有一對style標籤,是乙個雙標籤,我們所有的css樣式屬性都寫在雙標籤內部

style標籤有乙個屬性叫做type,屬性值「text/scc」,表示內部寫的是純文字型別的css**

可通過f12檢視style來看具體樣式:↓

外鏈式:

將css單獨寫在另外乙個css檔案裡。

帶你玩轉Visual Studio 結局彙總

帶你玩轉visual studio 開篇介紹 帶你玩轉visual studio 帶你新建乙個工程 帶你玩轉visual studio 帶你了解vc 各種型別的工程 帶你玩轉visual studio 帶你高效開發 帶你玩轉visual studio 帶你高效管理 帶你玩轉visual studio...

帶你玩轉Visual Studio 結局彙總

帶你玩轉visual studio 開篇介紹 帶你玩轉visual studio 帶你新建乙個工程 帶你玩轉visual studio 帶你了解vc 各種型別的工程 帶你玩轉visual studio 帶你高效開發 帶你玩轉visual studio 帶你高效管理 帶你玩轉visual studio...

帶你玩轉Visual Studio 開篇介紹

本人從事c 開發工作一年半,總想就c 開發方面寫點東西。寫什麼呢?想了一下還是寫點跟開發密切相關的吧,要說跟開發最密切相關的那莫過於就是開發工具了,也就是常常說的整合開發環境 ide 這一年多從事的是c 的跨平台開發,在linux和windows下都開發過,但主要還是在windows下進行開發 一般...