Css樣式的使用大致分為三種
咱們先來看看一張總括圖
![[置頂] Asp.Net---css樣式的使用方式_第1張圖片](http://img.it610.com/image/product/a195516ff1e6473eab30994b1baa0e1b.jpg)
?
?
1? 使用連接的形式調用
有兩種發(fā)方式調用：
A ? ? 使用 link 標簽
將樣式規(guī)則寫在 .Css 的樣式文檔中，再以 <link> 標簽引入
如法如下：
<link rel ="stylesheet"href="css 文件路徑 " type="text/css"/>
通常是直接將 css 文件拖拽到 html 頁的方法
集中 rel="stylesheet" 指這個 link 和 href 之間的關聯樣式為樣式表文件。 Type= “ text/css ”指的是文件類型是樣式表
放置的位置通常是在網頁的 <head></head> 部分之中。
?
?
?
B 使用 @import 導入
就如導入命名空間一樣。放在 zai<style>...</style> 中
STYLETYPE="text/css">
<!--
@importurl(引入的樣式表的位址、路徑與檔名);
-->
</STYLE>?
例如：?
<STYLETYPE="text/css">
<!--
@importurl(http://yourweb/ example.css);
-->
</STYLE>
要注意的是，行末的分號是絕對不可少的！
?
?
2 使用 style 屬性
將 style 屬性直接添加到個別的元素標簽里或行內
調用方式如下：
< 元素名稱 style =" 屬性 1 : 屬性值 1; 屬性 2 : 屬性值 2;...."></ 元素名稱 >
樣式的語法和獨立的樣式語法完全相同。例如
<divstyle=" width:30px;color:red;font-size:15px;"></div>
?
這種用法的優(yōu)點是靈巧應用標簽中，蛋松缺點則是沒有整篇文件的統一性；
?
3 使用 style 標簽
將樣式放在 head 元素中的 style 標簽內， 與 body 平級
語法如下：
<style type="text/css">
<!--?? css
樣式表
-->
?
</style>
?
下面我們來用一個示例演示一下。
<head>
<title>CSS調用方法</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>
?
通常是將整個的 <STYLE>...</STYLE>結構寫在網頁的<HEAD></HEAD>部份之中。這種用法的優(yōu)點就是在於整篇文件的統一性，只要是有聲明的的元件即會套用該樣式規(guī)則。 缺點就是在個別元件的靈活度不足。
?
以上就送 css 樣式的使用方式，歡迎大家指正
?
?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
