HTML入門學習筆記 體驗CSS 1

2021-07-25 21:19:31 字數 1287 閱讀 4475

在web早期(1990-1993),html是乙個很侷限的語言。幾乎完全由用於描述段落,超連結,列表和標題的結構化元素組成。隨著全球資訊網的出現(使用者互動體驗的加強),對html的要求越來越大,人們迫切需要html增加新的元素,去完成乙個特定的功能

迫於壓力,html開始出現,, 等標籤。但是html是一種描述結構的語言,也開始描述外在表現了。幾年之後這種隨便的做法暴露出嚴重的問題:1:由於html既寫結構又寫樣式,導致頁面缺乏結構性,降低了網頁的可訪問性。2:頁面維護越來越困難
大救星css

當html中存斥著的表現標記問題,w3c並沒有忽視。在2023年,w3c開始發布一種正在進行的計畫(work-in-prrgress) 稱之為css

與html相比,css支援更豐富的文件外觀,css可以為任何元素的文字和背景設定顏色;允許在任何元素外圍設定邊框;允許改變文字的大小,裝飾(如下劃線),間隔,甚至可以確定是否顯示文字。

有乙個標題(h1), 還有一些段落(p)

標題是居中的, 段落也是居中的. 所以我們可以設定h標籤和p標籤的align屬性等於center來實現

標題和段落都有顏色,都有字型,都有大小, 所以需要給文字包裹乙個font標籤, 然後通過font標籤來設定顏色和字型以及大小

1.通過標籤來修改樣式的缺點:

1.需要記憶哪些標籤有哪些屬性, 如果該標籤沒有這個屬性, 那麼設定了也沒有效果

2.當需求變更時我們需要修改大量的**才能滿足現有的需求

3.html只有乙個作用就是用來新增語義

2.通過css來修改樣式有什麼好處?

1.不用記憶哪些屬性屬於哪個標籤

2.當需求變更時我們不需要修改大量的**就可以滿足需求

3.在前端開發中css只有乙個作用, 就是用來修改樣式

1.style標籤必須寫在head標籤的開始標籤和結束標籤之間(也就是必須和title標籤是兄弟關係)

2.style標籤中的type屬性其實可以不用寫, 預設就是type=」text/css」

3.設定樣式時必須按照固定的格式來設定. key: value;

其中:不能省略, 分號大多數情況下也不能省略

css的學習一共分為兩大部分, 乙個是css的屬性, 另乙個是css選擇器. 也就是說著兩部分學完css就沒有別的東西了

HTML入門學習筆記 CSS屬性 2

格式 font style italic 取值 normal 正常的,預設就是正常的 italic 傾斜的 fs font style italic fsn font style normal 格式 font weight bold 單詞取值 bold 加粗 bolder 比加粗還要粗 lighte...

HTML入門學習筆記 CSS浮動 7

在企業開發中為了更好的控制盒子的寬高和計算盒子的寬高等等,所以在企業開發中,編寫 之前第一件事情就是清空缺省的邊距 格式 實際開發中不推薦使用這種格式 萬用字元選擇器會找導 遍歷 當前介面中所有的標籤,所以效能不好 企業開發中可以從這個 中拷貝 yui css reset 在css中所有的行都有自己...

HTML入門學習筆記 CSS定位 8

1.1相對定位 1.2絕對定位 1.3固定定位 1.4靜態定位 相對定位就是相對於自己以前在標準流中的位置來移動 3.1相對定位是不脫離標準流的,會繼續在標準流中占用乙份空間 3.2在相對定位中同乙個方向上的定位屬性只能使用乙個 3.3由於相對定位是不脫離標準流的,所以在相對定位中是區分塊級元素 行...