10.29 CSS的三種樣式:內聯式,嵌入式,外部式以及他們的優先級


焦點

 

function accesskey{

document.getElementById('').accesskey="";

 

}

4個常用的瀏覽器

-ms-transform:rotate(30deg)IE

-moz-tansform:rotate(7deg)火狐

-webkit-transform:rotate(77deg)谷歌

-o-transform:rotate(7deg)OPera

返回文檔標題 document.write(document.title);

開啟定時器setInterval()

清除定時器clearInterval()

返回當前文檔的url document.write(document.URL);

返回當前文檔的服務器域名document.write(document.domain);

文檔 表單 個數document.write("文檔包含:“+ document。forms。length +“個表單");

寫一個年月日

box.innerHTML = date.getyear()+"年" + (date.getMonth()+1)+"月" + date。getdate()+”日“ +” “ +arr【date。getDay-1】;

內聯式

css樣式表就是把css代碼直接寫在現有的HTML標簽中 如下面代碼

<p style="color:red"; font-size:12px>這里文字是紅色的</p>

外聯式

就是寫在單獨的一個文件中

 

就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名,在<head>內(不是在<style>標簽內)使用<link>標簽將css樣式文件鏈接到HTML文件內,如下面代碼:

 

<link href="base.css" rel="stylesheet" type="text/css" />

 

嵌入式

就是把css樣式代碼寫在<style type="text/css">xxxx</style>標簽之間

<head>

<style type="text/css">

span{

color:red;

}

</style>

</head>

注意:

1、css樣式文件名稱以有意義的英文字母命名,如 main.css。

2、rel="stylesheet" type="text/css" 是固定寫法不可修改。

3、<link>標簽位置一般寫在<head>標簽之內。

這三種樣式是有優先級的,記住他們的優先級:內聯式 > 嵌入式 > 外部式,但是嵌入式>外部式有一個前提:嵌入式css樣式的位置一定在外部式的后面。

 

其實總結來說,就是--就近原則(離被設置元素越近優先級別越高)

但注意上面所總結的優先級是有一個前提:內聯式、嵌入式、外部式樣式表中css樣式是在的相同權值的情況下。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM