国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css與html常見的三種結合方式示例介紹

2024-07-11 08:31:01
字體:
供稿:網(wǎng)友

復制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="Demo.css"></link>
<!--
css與html的結合方式:
一、內(nèi)聯(lián)樣式
在開始標簽內(nèi)部關聯(lián):即在styel屬性里面寫CSS代碼。
優(yōu)點:直接,很靈活。
缺點:如果同一標簽,樣式一樣,會造成代碼重復。
二、內(nèi)部樣式表:
在 style 標簽中添加css代碼
優(yōu)點:對網(wǎng)頁中相同的標簽進行統(tǒng)一設置。
缺點:對局部設置不夠靈活。2、如果有多個頁面樣式相同,會造成代碼重復。
解決方式:
@import url();
三、聯(lián)接外部樣式表
<link rel="stylesheet" type="text/css" href="xxx.css"></link>
優(yōu)先級關系: 三 < 二 < 一
由內(nèi)到外,優(yōu)先級,由大到小。
-->
<style type="text/css">
.div_1{
color: blue;
font-size: 20px;
}
</style>
</head>
<body>
<span style="color: yellow;"> 內(nèi)部樣式表</span>
<div class="div_1"> 內(nèi)聯(lián)式樣式表</div>
<div>外部樣式表</div>
</body>
</html>
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 山丹县| 廉江市| 马龙县| 巴南区| 安康市| 衡东县| 千阳县| 岳西县| 天峨县| 通海县| 上蔡县| 海宁市| 连江县| 娄烦县| 舟山市| 开原市| 板桥市| 施秉县| 葫芦岛市| 安西县| 商城县| 呼伦贝尔市| 临沧市| 灵武市| 芜湖县| 武夷山市| 十堰市| 东至县| 扎兰屯市| 榆中县| 咸宁市| 和龙市| 东安县| 安阳市| 吴江市| 类乌齐县| 库伦旗| 化州市| 丹阳市| 丹阳市| 黔西|