可以用css改變字體的大小和顏色。
1、新建html文件,在body標簽中添加文字,這里以p標簽內容為“演示文本”為例,這時網頁將會顯示字體默認大小和顏色。
2、在head標簽中添加style標簽給頁面設置css樣式,選擇p標簽,字體大小用的是“font-size”屬性,屬性值為字體大小,這里以“30px”為例,這時“演示文本”字體將會變大。
3、選擇p標簽,字體顏色用的是“color”屬性,屬性值為顏色,這里以紅色“red”為例,這時“演示文本”字體將會變成紅色。
1、新建一個html文件,命名為test.html,用于講解css如何設置p標簽的行高。
2、在test.html文件內,使用p標簽創建一行文字,用于測試。
3、在test.html文件內,設置p標簽的class屬性為eeone。
4、在css標簽內,通過class設置p標簽的樣式,定義它的寬度為250px。
5、在css標簽內,再使用line-height屬性設置文字的行高為40px。
6、在瀏覽器打開test.html文件,查看實現的效果。
這個屬于給標簽添加一個id屬性,這個id是唯一的。
<style>
#content{
border: 1px solid #000;
width: 300px;
height: 300px;
}
</style>
<div id="content">
</div>
加載css樣式有4種
1.外部樣式(外聯樣式)
如果css是一個外部文件,可以在你html文件的<head></head>里寫上
<link href="style.css" rel="stylesheet" type="text/css" />
1
1
href=”style.css”這里可以寫上你css文件的路徑
這種形式是把css單獨寫到一個css文件內,然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調用,其它頁面也可以調用,是最常用的一種形式
2.內部樣式(內嵌樣式)
如果是內部樣式,也可以在<head></head>里寫上
<style type="text/css">
h3 { color:#f00;}
</style>
1
2
3
1
2
3
它是以<style>和</style>結尾,寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用于其它頁面。
3.行內樣式
還可以在html標簽上直接寫css樣式
<p style="font-size:18px;">內部樣式</p>
1
1
這種在標簽內以style標記的為行內樣式,行內樣式只針對標簽內的元素有效,因其沒有和內容相分離,所以不建議使用。
4.導入樣式
@import url("public.css");
1
1
導入樣式是以@import url標記所鏈接的外部樣式表,它一般常用在另一個樣式表內部。如index.css為主頁所用樣式,那么我們可以把全局都需要用的公共樣式放到一個public.css的文件中,然后在index.css中以
@import url("/public.css")
的形式鏈接全局樣式,這樣就使代碼達到很好的重用性。