怎樣建立css樣式文件并應用

1、使用Dreamweaver等工具來新建

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設,蘿北企業(yè)網(wǎng)站建設,蘿北品牌網(wǎng)站建設,網(wǎng)站定制,蘿北網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,蘿北網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

2、新建一個空白的記事本，后綴名修改為.css

3、引入，使用link/標簽來應用你的CSS，具體用法如下

link rel="stylesheet" type="text/css" href="你的CSS文件路徑"/

css樣式表怎么用啊

CSS的調用，按照CSS出現(xiàn)在頁面的不同位置，可以分為3種方法：

元素中直接使用；

從頁面頭部調用；

采用鏈接的形式調用。

不同的調用方法有不同的寫法和優(yōu)先級。下面分別做一下介紹。

一、元素中直接使用

這種調用方式的寫法如下：

元素名稱 style="屬性:屬性值;"/元素名稱

在樣式中直接使用CSS，語法是使用style標簽，在雙引號中，樣式的語法結構和獨立樣式表中完全相同。例如：

div style="width:240px;height:80px;background-color:#cccccc;text-align:center;font-size:14px"

示例：元素中直接調用。/div

該樣式中定義了元素寬、高為360、80像素，背景色為灰色，字體大小為14像素。其應用到頁面中的顯示如圖1。

二、從頁面頭部調用

從頁面頭部調用CSS是將CSS寫在頁面的head元素中，然后在頁面中調用。其語法結構如下：

style

選擇符{屬性:屬性值;}

/style

頁面上的所有樣式都可以寫在style和/style中。使用這種方式調用CSS，在頁面中必須有相應的調用代碼。

其中，類選擇符的調用代碼如下：

元素名稱 class="類選擇符名稱"/元素名稱

ID選擇符的調用代碼如下：

元素名稱 id="id 類選擇符名稱"/元素名稱

下面我們來用一個示例演示一下。

head

titleCSS調用方法/title

style

.content{

background-color: #cccccc;

font-size: 14px;

width: 240px;

height: 80px;

color: Blue;

text-align: center;

}

/style

/head

body

div class="content"示例：從頁面頭部調用。/div

/body

該樣式應用到頁面的效果如圖2所示。

三、采用鏈接的形式調用

采用鏈接的形式調用CSS通常有兩種方法：

使用link元素

使用link元素調用CSS的語法如下：

link rel="stylesheet" href="css文件路徑" type="text/css"/

其中rel="stylesheet"指這個link和其href之間的關聯(lián)樣式為樣式表文件。type="text/css"指文件類型是樣式表文本。

使用@import

使用@import調用和使用link元素調用的區(qū)別在于，使用@import的調用方法只能使用在樣式文件中，即只能在調用的樣式文件，或style元素中才能正常使用

簡述css樣式的主要作用

css樣式將對布局、字體、顏色、背景和其它文圖效果實現(xiàn)更加精確的控制。只通過修改一個文件就改變頁數(shù)不計的網(wǎng)頁的外觀和格式。 在所有瀏覽器和平臺之間的兼容性。更少的編碼、更少的頁數(shù)和更快的下載速度。除了還不能全面支持我們常用的大多數(shù)瀏覽器之外，CSS在實現(xiàn)其它承諾方面作得相當出色。CSS在改變我們制作樣式表的方法。它為大部分的網(wǎng)頁創(chuàng)新奠定了基石。

當前名稱：css樣式應用,css樣式應用類型
瀏覽地址：http://www.rwnh.cn/article16/dscohgg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、小程序開發(fā)、定制網(wǎng)站、網(wǎng)站導航、商城網(wǎng)站、自適應網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)