開心生活站

請輸入關鍵字詞

熱門搜索排行

位置：首頁 > 綜合知識 > 

樣式表怎麼寫

綜合知識1.93W
1. css內部樣式表怎麼寫

1、創建使用css樣式表有三種，分別是外部樣式表，內部樣式表和內聯樣式。下面通過一個小demo演示它們的用法。

樣式表怎麼寫

首先新建一個html文件，放入3個button按鈕，給前兩個按鈕分百別設置class屬性爲btn1和btn2，如下圖。

2.然後準備一個名爲demo的CSS文件。在css文件中寫入buttonA的樣式，並保存css文件：

3,HTML文件，使用鏈接在你的樣式標籤標籤的引入上一步創建CSS文件，這是外面的使用風格，是創建一個好的總結度在CSS文件編寫風格，然後介紹使用鏈接的HTML文件標籤，這也是大多數網站使用方法，因爲它的介紹方便，更方便管理：

4.接下來是內部樣式表的使用，其中樣式選項卡直接在head選項卡中創建，並添加了btn2樣式。對於內部樣式表簡單的HTML文件，內部樣式很方便，但是複雜的HTML文件可能會讓人混淆：

5.最後是使用內聯樣式，直接在第三個標籤中使用樣式屬性來添加樣式可以：

6.最後，保存HTML文件，打開瀏覽器並查看所有三個按鈕的樣式。這就是CSS樣式表的製作方法：

2. CSS外部樣式表怎麼寫

新建一個 文本吧後綴改爲.css

然後直接在xxx.css裏寫CSS樣式

*{

font-family："黑體"；

font-size:12px;

color:#000000;

border:none;

}

比如我xxx.css在D:/myStyle/下

那麼我頁面就這麼引用

如果你.css放在站點下

你就找到他的位置替換 link 下的href 的path就OK了

3. 這個用CSS怎麼寫

<style>

#bd{ width:287px;}

.title{ background:url(bg.png) repeat; line-height:100px; position:relative; margin-top:-100px; color:#ffffff;}

</style>

<div id="bd">

<img src=">

<head>

<style type="text/css">

a.top:link {font-family： 宋體} /*鏈接字體*/

a.top:link {font-weight: normal；} /*設置鏈接文字中的字符粗細*/

a.top:link {font-size: 12} /*設置鏈接文字的大小*/

a.top:link {text-decoration: none；} /*設置鏈接文字沒有下劃線*/

a.top:hover {text-decoration: underline；} /*鼠標放在鏈接上時有下劃線*/

a.top:link {color: #000000} /*設置鏈接文字的顏色*/

a.top:visited {color: #000000} /*訪問過的鏈接*/

a.top:hover {color: #B50000} /*鼠標放在鏈接上字體的顏色*/

a.tj:link {font-family： 宋體}

a.tj:link {font-weight: normal;}

a.tj:link {font-size: 12}

a.tj:link {text-decoration: none;}

a.tj:hover {text-decoration: none;}

a.tj:link {color: #000000}

a.tj:visited {color: #0000ff}

a.tj:hover {background: #FFFFCC}

h1 {font-size:12px}

h1 {font-family： "宋體"}

h1 {font-weight: normal;}

h1 {color: #000000}

strong {font-size:14px}

strong {font-family： "宋體"}

strong {font-weight: normal;}

strong {color: #000000}

h3 {font-size:24px}

h3 {font-weight: 1;}

h3 {color: #000000}

body {

margin-top: 1px； /*上邊距*/

margin-bottom: 1px； /*下邊距*/

}

</style>

<meta ; charset=gb2312"></head>

<body>

<p>Mouse over the links to see them change layout.</p>

<p><b><a href="default.asp" target="_blank" class="top">；電腦對懷孕其實沒啥影響</a></b></p>

<p><b><a href="default.asp" target="_blank" class="tj">；電腦對懷孕其實沒啥影響</a></b></p>

<h1>；電腦對懷孕其實沒啥影響</h1>

<strong>；電腦對懷孕其實沒啥影響</strong>

<h3>；電腦對懷孕其實沒啥影響</h3>

</body>

</html>

5. 怎麼把css樣式表寫在直接body裏面

html引用css方法如下

1、直接在div中使用css樣式製作div+css網頁

2、html中使用style自帶式

3、使用@import引用外部CSS文件

4、使用link引用外部CSS文件 推薦此方法

你說就是第二種

.內部樣式表

內部樣式表是把樣式表放到頁面的<head>；區裏，這些定義的樣式就應用到頁面中了，樣式表是用<style>；標記插入的，從下例中可以看出<style>；標記的用法：

<style type="text/css">

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

</style>

6. 怎樣創建css樣式表

CSS（層疊樣式表）級聯樣式表是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。

有三種方法可以在站點網頁上使用樣式表：

外聯式Linking（也叫外部樣式）：將網頁鏈接到外部樣式表。

嵌入式Embedding（也叫內頁樣式）：在網頁上創建嵌入的樣式表。

內聯式Inline（也叫行內樣式）：應用內嵌樣式到各個網頁元素。

在Dreamweaver 8中，可以在開始彈出框中點擊新建CSS文件。也可以在最上面的菜單欄裏佔擊文件，新建。在彈出框中選擇CSS文件就可以了。

7. CSS樣式表怎麼做

在網頁中使用CSS:

一、內部規則 - 直接寫在網頁文件內部的樣式

1.將以下代碼插入在<HEAD>；與</HEAD>；之間可設定此頁的默認的樣式

<style type="text/css">

<!--

body{color=red;font-size=9pt}

-->

</style>

2.在HTML行中加入樣式規則

如：

<P>Amaze your friends!</P>

二、外部規則 - 獨立的樣式表文件

1.鏈接樣式表文件

方法：在<HEAD>；內使用<LINK>；標籤：

如：<LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css">

並建立一個文本文件，起名mystyles.css （和上面對應）。文件內容如：

H1 { color: green; font-family: impact }

P { background: yellow; font-family: courier }

2.輸入樣式表文件（返回）

方法：在<HEAD>；內插入列代碼：

<STYLE TYPE="text/css">

<!--

@import url(company.css);

H1 { color: orange; font-family: impact }

-->

</STYLE>

並建立一個文本文件，起名company.css （和上面對應）。文件內容如：

H1 { color: green; font-family: impact }

P { background: yellow; font-family: courier }

可見該種方法的好處是可與網頁的內部樣式共存。

三、CSS舉例

指定全文的文本格式：

body{background: yellow;color=red; font-size=9pt}

指定局部的默認的文本格式：

P{。}

H1{。}

TH{。}

TD{。}

指定超鏈接的樣式：

A:link {text-decoration: none; color:#0000FF; font-family： 宋體}

A:visited {text-decoration: none; color: #800000; font-family： 宋體}

A:active {text-decoration: none; color: #FF0000; font-family： 宋體}

A:hover {text-decoration: underline; color:#FF0000}

指定行距：

用數字設行距，如：

B { font-size: 12pt; line-height: 2 }

瀏覽器將利用字號來確定行距：它將字號乘以設定的參數值。在本例中，行高將是24點。

用長度單位設定行距，如：

B { font-size: 12pt; line-height: 11pt }

用比例設定行距，如：

B { font-size: 10pt; line-height: 140% }

在本例中，行距是長度10points的140%，即14points。

標籤：樣式表

相關文章