學習前端第四天

2021-10-10 06:57:49 字數 1030 閱讀 7469

1.複習前一天學習的**,表單。

2.補充**內容:

下拉列表

輔助表單

3.css語法:

1.基礎語法:

寬:width

高:height

顏色:color:

1.單詞表示法:red,blue。。。

2.十六進製制表示法:#000000;

3.rgb(255,0,0);

背景顏色:background-color

邊框:border:1px solid red;

css注釋/…/

2.css樣式的引入:

1.行內式 :

style屬性 直接加在標籤上

2.內嵌式:

在head內新增style標籤

3.外部式:

在head中新增link標籤 在href中引入css檔案

4.匯入式:

在head中新增style標籤 在style中新增@import url

(不推薦使用)

3.css文字樣式:

字型型別:font-family:宋體;

字型大小:font-size:1px;

4.css選擇器:

1.id選擇器:

css:#elect

html:id=「elect」

注:id是唯一值,在頁面中只能出現一次。

2.class選擇器:

css: .elem

html: class=「elem」;

注:class選擇器是可以復用的

可以新增多個class樣式

3.標籤選擇器:

div;

4.萬用字元選擇器:

*注:使用場景 :用於去掉所有標籤的預設樣式。

今日作業:

前端 第四天學習

第四天知識總結 1 樣式表 內部樣式表 外部樣式表 內聯樣式表 2 樣式表的權重 內聯樣式表的權重最大!內部和外部樣式的權重,和書寫的前後順序有關!放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會繼續執行。3 css選擇符 css語法 選擇符 選擇符 選擇符就是給標籤起...

學習前端第四天

三十六 css的產生 cascading style sheets 層疊樣式表 隨著html的成長,為了滿足頁面設計的要求,html新增了很多顯示的功能,但是隨著這些功能的增加,html變得越來越雜亂,而且html頁面也越來越臃腫,於是css便誕生了,它的版本有2.0和3.0的版本,css3因為有相...

前端學習第四天

今天是學習前端的第四天,主要學習了復合選擇器 元素的顯示模式及背景的相關用法。復合選擇器由兩個或多個基礎選擇器通過不同方式組合而成,可以更準確 更高效的選擇目標元素。常用的復合選擇器由四類,分別是後代選擇器 子代選擇器 並集選擇器以及偽類選擇器。後代選擇器 可以選擇父元素中所有的子元素,其元素可以使...