html+div+css佈局入門

作者:王奎    我的博客: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

font

在一個聲明中設置所有字體屬性。

1

font-family

規定文本的字體系列。

1

font-size

規定文本的字體尺寸。

1

font-size-adjust

爲元素規定 aspect 值。

2

font-stretch

收縮或拉伸當前的字體系列。

2

font-style

規定文本的字體樣式。

1

font-variant

規定是否以小型大寫字母的字體顯示文本。

1

font-weight

規定字體的粗細。

1

CSS 背景屬性(Background)

屬性描述CSS

background

在一個聲明中設置所有的背景屬性。

1

background-attachment

設置背景圖像是否固定或者隨着頁面的其餘部分滾動。

1

background-color

設置元素的背景顏色。

1

background-image

設置元素的背景圖像。

1

background-position

設置背景圖像的開始位置。

1

background-repeat

設置是否及如何重複背景圖像。

1

background-clip

規定背景的繪製區域。

3

background-origin

規定背景圖片的定位區域。

3

background-size

規定背景圖片的尺寸。

3

Color 屬性

屬性描述CSS

color-profile

允許使用源的顏色配置文件的默認以外的規範。

3

opacity

規定書籤的級別。

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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章