HTML頁面中設置字體顏色的方法:
使用標簽的color屬性設置字體顏色
color 屬性規定 font 標簽元素中文本的顏色。
語法:
font是一對常規標簽,將字體文本內容放入標簽內,font標簽內設置color屬性+對應顏色值即可設置font標簽對象內字體顏色。
1.新建一個html文件,命名為test.html,用于講解在CSS中如何設置圖層。
2.在test.html文件內,使用div標簽創建三個模塊,同時分別設置它們的id為aa,bb,cc。
3.在test.html文件內,在css標簽內,設置div的為絕對定位,寬度和高度都為200px。
4.在test.html文件內,在css標簽內,設置類名aa的樣式,距離頁面頂部為0px,距離頁面左邊為0px,背景顏色為紅色,z-index為1。
5.在test.html文件內,在css標簽內,設置類名bb的樣式,距離頁面頂部為20px,距離頁面左邊為20px,背景顏色為黃色,z-index為2。
6.在test.html文件內,在css標簽內,設置類名cc的樣式,距離頁面頂部為40px,距離頁面左邊為40px,背景顏色為粉紅色,z-index為3。
7.在瀏覽器打開test.html文件,查看實現的效果。
別看我是后端,我照樣給你講個明明白白!
HTML,即超文本標記語言(HyperText Markup Language),是一種用于創建網頁的標準標記語言。
這個定義看起來還是太抽象,HTML說白了就是標簽的組合:一堆標簽組合到一起就構成了一個頁面。
來看一個簡單的 HTML 文件:
然后它在頁面上展示的效果是這樣的:
你想在你的頁面里展示什么,就引用什么標簽就可以了,比如想展示圖片就用<img>標簽,展示文本框就用<input>標簽,展示按鈕就用<button>標簽,展示一個超鏈接就用<a>標簽,就是這么簡單!
我只負責展示,你要的東西我給你展示出來就行了,至于你頁面丑不丑那就不是我一個人能搞定的了。想要頁面好看,那必須請CSS來助陣。
CSS,即層疊樣式表(Cascading Style Sheets),說白了就是給HTML標簽加樣式的,讓展示的內容更加豐富多彩。兩者好比磚頭和涂層的關系。
給一個 CSS 的簡單例子:
這里規定了<body>,<h1>,<p>標簽的樣式,可以控制它們展現的顏色,字體,大小等等。
學完 HTML,CSS,就可以畫出靜態的頁面來了,這個時候可以稱得上美工了。
實際上,要想讓頁面動起來和后臺進行交互,還要進一步去學習JS。HTML,CSS,JS 三劍客缺一不可:
HTML,CSS 這哥倆相對簡單,JS 是前端學習的重頭戲,有一定的難度,學完JS才能算前端入門,才可以稱得上前端開發工程師。現在好多前端選手大談React,Vue 等各種前端框架,對底層的 JS 卻不去下功夫,我認為這一點是不可取的。
以上是我個人對前端學習的一些看法,希望對你有所幫助吧。