2020 11 05 前端第四天學習日記 css

2021-10-10 06:57:49 字數 833 閱讀 8305

2020.11.05

今天是學習前端的第四天,上午對昨天的form表單學習進行了補充,補充了下拉選擇框和乙個邊框樣式fieldset的應用。

form表單由select下拉列表巢狀option列表選項組成,主要應用於**個人資訊的填寫,裡面的屬性值有size:可以設定顯示幾個列表選項,mutiple:可以進行多重選擇。

fieldset運用在form表單裡,主要是為form表單新增邊框,可以用legend設定標題,效果如下:

下午就開始了css的學習,html定義網頁的內容,css就是為網頁新增各種樣式,首先學習了css的四種連線方式,第一種是**行內式**,一般不使用,不便於維護;第二種是**內嵌式**,可作為**較少的網頁使用;第三種是**外鏈式**,是經常使用的鏈結方式,適合**較多的網頁,便於修改;第四種是**匯入式**,一般也不使用。

css的格式為:

選擇器我們下面又對選擇器進行了學習,第一種是**標籤選擇器**,直接選擇要修改的標籤;第二種是**id選擇器**,給要修改的標籤新增id,css格式為#id{},id只能設定乙個;第三種是**class**,給要修改的標籤新增class,css格式為.class{},class可以設定多個。

學完了三種鏈結方式,又學習了幾種簡單的css設定字型,背景顏色,等的方法,**如下:

#p2

div

通過今天的學習,對css的學習有了乙個最基本的認識,要多加練習,為之後的學習打下堅實的基礎。

今日練習:

前端 第四天學習

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

學習前端第四天

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

學習前端第四天

1.複習前一天學習的 表單。2.補充 內容 下拉列表 輔助表單 3.css語法 1.基礎語法 寬 width 高 height 顏色 color 1.單詞表示法 red,blue。2.十六進製制表示法 000000 3.rgb 255,0,0 背景顏色 background color 邊框 bor...