溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
當然css代碼很多，不可能這么快就精通的，我們只能慢慢來
css層疊樣式表是嵌套在html代碼內部的
一般格式都是<style> type="text/css"
#siderRight {
float:left;
width:200px;
height=300px;
}
</style>這里有個老舊html css代碼的對比
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#header,#siderLeft,#siderRight,#footer{
border:solid 1px #666;
padding:10px;
margin:6px;
}
#header {width:500px}
#siderLeft{
float:left;
width:60px;
height:100px;
}
#siderRight{
float:left;
width:406px;
height:100px
}
#footer{
clear:both;
width:500px;
}
</style>
</head>
<body>
<div id="header">導航</div>
<div id="siderLeft">菜單</div>
<div id="siderRight">內容</div>
<div id="footer">底部說明</div>
</body>
</html>這里是新的html css代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
header,nav,article,footer{
border:solid 1px #666;
padding:10px;
margin:6px;
}
header {width:500px}
nav{
float:left;
width:60px;
height:100px;
}
article{
float:left;
width:406px;
height:100px
}
footer{
clear:both;
width:500px;
}
</style>
</head>
<body>
<header>導航</header>
<nav>菜單</nav>
<article>內容</article>
<footer>底部說明</footer>
</body>
</html>這里我們來發現一個超鏈接引用css文件的方式和h6里面引用css里面定義的類的一般格式
<!-- Custom styles for this template --> <link href="/css/dashboard.css" rel="stylesheet"> </head> <body> <nav class="navbar navbar-fixed-top navbar-dark bg-inverse"> <button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"></button> <div class="collapse navbar-toggleable-sm" id="navbar"> <a class="navbar-brand" href="#">運維工具</a>
這里注意了h6 里面的引用超鏈接有相對路徑和絕對路徑的區別
<a href="url" title="">鏈接</a> 其中，url可以是一個絕對網址，比如：http://www.xuexuexi.com;也可以是一個相對的網頁。如：123.html；還可以是其它 文件。比如pdf，doc等等。還有一種是根目錄的方式，根目錄其實跟絕對路徑有些相似，就是去掉前面的域名即可，比如：<a 這個是相對路徑href="/html/h2.html">鏈接</a>，
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
