1、先給想要改字體樣式的div加一個class或者id
創(chuàng)新互聯(lián)建站主要從事網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)平陸,十載網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575
2、用選擇器找到中國div(.class或者#id)
2、在style標(biāo)簽里給這個div寫css樣式,
!doctype html
html
head
meta charset="UTF-8"
titleDIV+CSS怎么樣改字體樣式/title
style
.one{
font-family:"微軟雅黑";? //把?font-family: "設(shè)置字體名稱" 里的字體名稱改成你需要
font-size:12px;? //字體大小
color:red;? //字體顏色
font-weight:normal; //加粗 normal默認(rèn)值?bold粗體 數(shù)值100-900
}
/style
/head
body
div class="one"DIV+CSS怎么樣改字體樣式/div
/body
/html
擴展資料
br換行
bb標(biāo)簽設(shè)置加粗/b
ii標(biāo)簽設(shè)置斜體/i
uu設(shè)置下劃線/u
h1最重要的標(biāo)題H1/h1
h2次要欄目或標(biāo)題-小標(biāo)題H2/h2
h3再次要欄目或分類小標(biāo)題H3/h3
h4文中分類小標(biāo)題H4/h4
pre定義預(yù)格式化文本,空格和換行會保留,常常應(yīng)用于表示計算機的源代碼。/pre
CSS選擇器、CSS屬性
style寫在head中間,type="text/css"可以不用寫,默認(rèn)就是這個。
規(guī)定文字樣式、粗細(xì)、大小、字體的屬性
1、字體不存在用戶電腦上時:
不處理時,使用用戶電腦系統(tǒng)默認(rèn)字體
處理:font-family:“不存在的字體”,"備選字體";--設(shè)置備選字體,可設(shè)置多個備選字體
2、一串字符串既有中文,又有英文時,如何設(shè)置兩種字體
英文字體是中文字體的子集。【意思是:英文字體不能處理中文,中文字體可以處理英文】
文本裝飾、文本對齊,文本縮進(jìn)的屬性
文本裝飾-文字的下劃線,中劃線等
文本對齊:
文本縮進(jìn):
格式:
p{
font:20px,"楷體"
}
標(biāo)簽選擇器選中的是頁面中所有的該標(biāo)簽
作用:根據(jù)指定的id名稱找到對應(yīng)的標(biāo)簽,然后設(shè)置屬性。(標(biāo)簽選擇器選中的是全部的同類標(biāo)簽)
第一步:給需要設(shè)置的標(biāo)簽設(shè)置id,
第二步:
注意:
1、id在同一頁面是唯一的
2、id名是有規(guī)范的,只能是字母,數(shù)字和下劃線,不能使用數(shù)字開頭,不能使用HTML的標(biāo)簽名
3、如果僅僅是為了設(shè)置樣式,不需要使用id,而是使用類選擇器,id是留給js使用的。
根據(jù)指定的類名稱找到對應(yīng)的標(biāo)簽,然后設(shè)置屬性
第一步:給需要設(shè)置的標(biāo)簽設(shè)置className,
第二步:
注意:
1、className是可以重復(fù)的
2、className名是有規(guī)范的,只能是字母,數(shù)字和下劃線,不能使用數(shù)字開頭,不能使用標(biāo)簽名
3、如果僅僅是為了設(shè)置樣式,不需要使用id,而是使用類選擇器,id是留給js使用的。
4、同一個HTML變遷可以有多個classname
1、id使用“,”class使用#
2、class相當(dāng)于人名,所以同一個頁面上的HTML標(biāo)簽可以有一樣的className;
id相當(dāng)于身份證,所以同一個頁面上的HTML標(biāo)簽不可以有一樣的id;
3、class相當(dāng)于人名,所以,一個HTML標(biāo)簽可以有多個Class
id相當(dāng)于身份證,所以,一個HTML標(biāo)簽只能有一個id
4、一般情況下設(shè)置樣式,使用class;如果需要js配合,使用id
格式:
先祖位置可以是HTML標(biāo)簽,可以是class名,可以是id
后代位置可以是HTML標(biāo)簽,可以是class名,可以是id
可以隨意組合
只會查找直接子元素
格式:
1、都可以使用HTML標(biāo)簽、id名、class名
1、后代使用空格,子使用
2、后代可以選取指定標(biāo)簽的所有特定標(biāo)簽,包括子、孫;而子只能選取指定標(biāo)簽的特定子標(biāo)簽
定義:兩個選擇器相交的部分
格式:
選擇器1選擇器2{
}
選擇器1和選擇器2之間沒有任何符號,沒有空格,沒有
選擇器1和選擇器2之間有逗號。
相鄰:選擇器1+選擇器2,給緊跟著選擇器1后面的選擇器2設(shè)置樣式
通用:選擇器1~選擇器2,給選擇器1后面的所有選擇器2設(shè)置樣式
CSS3中新增的選擇器最具代表性的就是序選擇器
1.同級別的第幾個
:first-child 選中同級別中的第一個標(biāo)簽
:last-child 選中同級別中的最后一個標(biāo)簽
:nth-child(n) 選中同級別中的第n個標(biāo)簽【n的值可以是數(shù)值,可以是“odd”、“even”,也可以是表達(dá)式,比如xn+y】
:nth-last-child(n) 選中同級別中的倒數(shù)第n個標(biāo)簽
:only-child 選中父元素中唯一的標(biāo)簽
注意點: 不區(qū)分類型
2.同類型的第幾個
:first-of-type 選中同級別中同類型的第一個標(biāo)簽
:last-of-type 選中同級別中同類型的最后一個標(biāo)簽
:nth-of-type(n) 選中同級別中同類型的第n個標(biāo)簽
:nth-last-of-type(n) 選中同級別中同類型的倒數(shù)第n個標(biāo)簽
:only-of-type 選中父元素中唯一類型的某個標(biāo)簽
| [ attribute ] | [target] | 選擇帶有 target 屬性所有元素。 | 2 |
| [ attribute = value ] | [target=_blank] | 選擇 target="_blank" 的所有元素。 | 2 |
| [ attribute ~= value ] | [title~=flower] | 選擇 title 屬性包含單詞 "flower" 的所有元素。 | 2 |
| [ attribute |= value ] | [lang|=en] | 選擇 lang 屬性值以 "en" 開頭的所有元素。 | 2 |
| [ attribute ^= value ] | a[src^="https"] | 選擇其 src 屬性值以 "https" 開頭的每個 a 元素。 | 3 |
| [[ attribute =value] 選擇器") | a[src$=".pdf"] | 選擇其 src 屬性以 ".pdf" 結(jié)尾的所有 a 元素。 | 3 |
| [ attribute = value*] | a[src*="abc"] | 選擇其 src 屬性中包含 "abc" 子串的每個 a 元素。 | 3 |
1、屬性的取值是以什么開頭的
[ attribute |= value ]----------------CSS2
優(yōu)先使用CSS3的。
2、屬性的取值是以什么結(jié)尾的
3、屬性的取值是否包含某個特性的值的
[attribute~=value]
*{
}
1、選擇器用于指定CSS樣式作用的HTML對象,花括號內(nèi)是對該對象設(shè)置的具體樣式。
2、屬性和屬性值以“鍵值對“?的形式出現(xiàn)。
3、屬性是對指定的對象設(shè)置的樣式屬性,例如字體大小、文本顏色等。
4、屬性和屬性值之間用英文“:“連接。
5、多個“鍵值對”之間用英文“;”進(jìn)行區(qū)分??梢杂枚温浜捅砀竦膶R的演示。
CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
擴展資料:
CSS作為一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,被用于描述網(wǎng)頁上的信息格式化和顯示的方式。CSS樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件。
無論哪一種方式,樣式單包含將樣式應(yīng)用到指定類型的元素的規(guī)則。外部使用時,樣式單規(guī)則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。
樣式規(guī)則是可應(yīng)用于網(wǎng)頁中元素,如文本段落或鏈接的格式化指令。樣式規(guī)則由一個或多個樣式屬性及其值組成。內(nèi)部樣式單直接放在網(wǎng)頁中,外部樣式單保存在獨立的文檔中,網(wǎng)頁通過一個特殊標(biāo)簽鏈接外部樣式單。
需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標(biāo)簽中,輸入css代碼:body{font-family: 楷體}。
3、瀏覽器運行index.html頁面,此時文字的樣式被成功定義為楷體。