text

設定段落文字紅色。但要記住,最后的HTML應該是獨立出來,使用表現文檔,所以行內樣式應該在任何地方避免。二、Internal內部使用于整個頁面的植入內部樣式在head標簽里面,style標簽包圍樣式。程序代碼

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

css樣式教程 1、CSS的應用

系統 2492 0
有三種方法應用CSS

一、In-line行內

  行內樣式是在 html 標簽里直接使用style屬性


程序代碼
<pstyle="color:red">text</p>

  設定段落文字紅色。
  但要記住,最后的HTML應該是獨立出來,使用表現文檔,所以行內樣式應該在任何地方避免。

二、Internal內部

  使用于整個頁面的植入內部樣式在head標簽里面,style標簽包圍樣式。


程序代碼
<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
" x html 1/DTD/ x html 1-strict.dtd" target="_blank">http://www.w3.org/TR/ x html 1/DTD/ x html 1-strict.dtd">
< html >
<head>
<title>CSSExample</title>
<styletype="text/ css ">
p{

color:red;
}

a{
color:blue;
}
</style>
...

  所有段落文字紅色,鏈接藍色。
  像行內樣式一樣,你應該保持HTML和CSS分離,所以我們只剩下救星。

三、外部

  外部樣式使用在整個多樣頁面網站。它是一個獨立的CSS文件,像下面一樣:


程序代碼
p{
color:red;
}

a{
color:blue;
}

  如果上面保存為“web. css ”,HTML里面的鏈接就像下面:


程序代碼
<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
" x html 1/DTD/ x html 1-strict.dtd" target="_blank">http://www.w3.org/TR/ x html 1/DTD/ x html 1-strict.dtd">
< html >
<head>
<title>CSSExample</title>
<linkrel="stylesheet"type="text/ css "href="web. css "/>
...

  后面教程里會講到其他外聯樣式的方法,現在已經足夠了。

  從這篇指導里面,我們以后沿著上面的方法實驗代碼是個好主意,用文本編輯器新建文件,保存為"web. css "在 html 目錄。


程序代碼
<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
" x html 1/DTD/ x html 1-strict.dtd" target="_blank">http://www.w3.org/TR/ x html 1/DTD/ x html 1-strict.dtd">
< html >
<head>
<title>Myfirstwebpage</title>
<linkrel="stylesheet"type="text/ css "href="web. css "/>
</head>
...

  保存HTML文件,現在已經鏈接上CSS,不過現在CSS是空的,沒有內容不會改變HTML。當你開始學習CSS,就可以添加代碼到CSS文件里,看HTML刷新后的結果。

css樣式教程 1、CSS的應用


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 色婷婷欧美 | 老头与老头同性tube可播放 | 日本一区二区三区四区五区 | 国产毛片a级| 极品女神西比尔久久精品 | 激情影院免费看 | 国产精品久久久久9999 | 亚洲欧美日韩专区一 | 老子影院午夜伦不卡 | 久久伊人中文字幕 | 色综合网站在线 | 毛片免费观看 | 日韩精品欧美国产精品亚 | 噜噜色综合 | 五月天色婷婷在线 | 日本在线不卡免费视频一区 | 亚洲一区二区福利视频 | 123日本不卡在线观看 | 欧美精品亚洲精品日韩专区 | 四虎国产成人永久精品免费 | 精品无码久久久久久国产 | 亚洲免费人成在线视频观看 | 亚洲tv精品一区二区三区 | 国产成人综合日韩精品无 | 日日摸夜夜爽久久综合 | www.精品视频| 最新国产区 | 成年女人免费看一级人体片 | 国产精品成人久久久久 | 91精品国产人成网站 | 国产精品久久久久久久久齐齐 | 色视频在线免费看 | 国产一区免费视频 | 99热最新在线 | 被狠狠操| 中文字幕日韩国产 | 日本久久精品免视看国产成人 | 一级中国毛片 | 深夜网站在线观看 | 97在线视频免费观看 | 亚洲国产成人资源在线软件 |