一、首先我們先給大家看個html字體的基礎代碼:
!doctype html html head meta charset= utf-8 title PHP /title /head body p 這里是PHP html /p p 這里是PHP css /p p 這里是PHP php /p p 這里是PHP python /p /body /html
這里是p標簽的四段話,我們應該都能看懂,這是最簡單的代碼樣式。(想看更多就來:css視頻課程)
二、接下來我們要設置html 字體顏色,我們來看下css樣式的代碼:
style type= text/css p{color: blue} /style
這是一個p標簽里面的設置,就是把css樣式放到上述HTML中的head標簽中去,然后我們就能看到效果了:
現在我們來看,是不是都變了顏色啊,這就是html 中對段落p標簽的參數樣式設計的變化,我們這一改就把全部的字體都改了,如果我們想要改變其中的一句怎么辦呢?
我們再來看一個完整的代碼:
!doctype html html head meta charset= utf-8 title PHP /title style type= text/css p{color: blue}.php_1{color: yellow} /style /head body p 這里是PHP html /p p 這里是PHP css /p p >我給第三個段落加了個class屬性,讓第三個p標簽變成了類,我們就可以用類來設計它的樣式,現在我們把第三個p標簽設置成立黃色,讓我們看看效果:
現在我們能很輕易的看見,在第三個段落中的文本變成了黃色,這樣是不是很明顯。
三、css樣式改變文本顏色總結:
這就是我們常用的css樣式來設置基礎的段落屬性。我們可以更改本文的顏色,當然還能更改文本的其他的東西,只要我們會了這點,那么很多東西就能輕易的明白了,上面我們還提到了類,類就是相當于給當個標簽起個名字,當然這是個大眾的名字,很多人都能用的,我們都可以給別的標簽加個這名字,讓別的標簽也具備這種效果。
【小編推薦】
html5 header標簽怎么用?html5 header標簽的作用介紹
html超鏈接字體顏色怎么改?超鏈接字體顏色的更改方法總結
以上就是html中的字體顏色怎么設置?css設置字體顏色方法介紹的詳細內容,其它編程語言
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答