作者:王奎 我的博客:www.marksaas.com
對於剛入門web開發的可以複製一下本博客的代碼做個試驗,對web開發有個大致的瞭解。
首先,對於學校html非常方便,因爲它不需要什麼編譯器,你只需要用記事本就可以了,先用記事本建立一個文件index.html,輸入以下代碼。
<html>
<head>html demo<head>
<body
Hello,html.
</body>
</html>
然後用流量器打開即可。你好看到如下hello,html輸出在瀏覽器上面。
一般情況下html的標籤是成對出現的,而且不區分大小寫。
下面來簡單的介紹一下css吧。css的全名爲 Cascading Style Sheets(即層疊樣式表),也就是通常所說的樣式表,它是一種美化網頁的技術。
來看一下css的屬性吧,最常用的是字體,顏色,和背景屬性了。
CSS 字體屬性(Font)
屬性描述CSS
在一個聲明中設置所有字體屬性。 |
1 |
|
規定文本的字體系列。 |
1 |
|
規定文本的字體尺寸。 |
1 |
|
爲元素規定 aspect 值。 |
2 |
|
收縮或拉伸當前的字體系列。 |
2 |
|
規定文本的字體樣式。 |
1 |
|
規定是否以小型大寫字母的字體顯示文本。 |
1 |
|
規定字體的粗細。 |
1 |
CSS 背景屬性(Background)
屬性描述CSS
在一個聲明中設置所有的背景屬性。 |
1 |
|
設置背景圖像是否固定或者隨着頁面的其餘部分滾動。 |
1 |
|
設置元素的背景顏色。 |
1 |
|
設置元素的背景圖像。 |
1 |
|
設置背景圖像的開始位置。 |
1 |
|
設置是否及如何重複背景圖像。 |
1 |
|
規定背景的繪製區域。 |
3 |
|
規定背景圖片的定位區域。 |
3 |
|
規定背景圖片的尺寸。 |
3 |
Color 屬性
屬性描述CSS
color-profile |
允許使用源的顏色配置文件的默認以外的規範。 |
3 |
規定書籤的級別。 |
3 |
|
rendering-intent |
允許使用顏色配置文件渲染意圖的默認以外的規範。 |
3 |
下面我們通過一個示例程序example.html來展示一下這些屬性的設置方法。
<html>
<head>css demo<head>
<body
<div align="left">字體屬性設置:</div>
<span style="font-family:隸屬;font-size:16pt;">隸屬,黑體,16pt</span>br>
<div align="left">字體屬性設置</div>
<spanstyle="color:red;background-color;yellow;">
前景紅色,背景黃色</span><br>
</body>
</html>