收藏
批改狀態(tài)：合格
老師批語(yǔ)：手寫代碼記得補(bǔ)上?。?/span>
<!DOCTYPE html> <!-- 聲明 -->
<html>
<head> <!-- 頭部 -->
<title>悅派的個(gè)人網(wǎng)頁(yè)</title> <!-- 頁(yè)面頭部文字介紹 -->
<meta charset="utf-8"> <!-- 字符編碼 -->
<link rel="stylesheet" type="text/css" href="css/index.css"> <!-- 外部樣式，為了共享 -->
<link rel="shortcut icon" type="image/x-icon" href="logo.png">
<style type="text/css"> /*內(nèi)部樣式，只針對(duì)當(dāng)前頁(yè)面*/
body{background: pink} /*tag標(biāo)簽名 標(biāo)記選擇器*/
#box{width: 100px; height: 100px; background: blue; } /*ID名唯一性（獲取時(shí)名字前要加#）*/
.main{width: 100px; height: 100px; background: green; } /* class名 獲取時(shí)前面加.*/
#yue{width: 50px; height: 50px; background: red}
a{color: red;} /*給所有的a標(biāo)簽 顏色*/
a[href="index2.html"]{color:blue;} /*給a標(biāo)簽里指定一個(gè) */
div a{color: #000;} /*div下的a標(biāo)簽*/
</style>
</head>
<body style="background: pink"> <!-- 內(nèi)聯(lián)樣式，只針對(duì)當(dāng)前標(biāo)簽 --> <!-- 外部<內(nèi)部<內(nèi)聯(lián) -->
<img src="">
<a href="http://ipnx.cn">PHP中文網(wǎng)</a>
<a href="http://ipnx.cn/course/943.html">第三期培訓(xùn)-前端基礎(chǔ)</a>
<a href="index2.html">內(nèi)部鏈接</a>
<div id="box"></div>
<div class="main"></div>
<div id="yue" class="main">
<a href="">taobao</a></div>
<div></div>
</body>
</html>點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
總結(jié)：
成對(duì)的標(biāo)簽是元素，開始標(biāo)簽和結(jié)束標(biāo)簽直接的是元素內(nèi)容
外部樣式：為共享使用
內(nèi)部樣式：只針對(duì)當(dāng)前頁(yè)面使用
內(nèi)聯(lián)樣式：只針對(duì)當(dāng)前標(biāo)簽使用
外部樣式<內(nèi)部樣式<內(nèi)聯(lián)樣式
選擇器分為：tag標(biāo)簽選擇器、id、class
tag標(biāo)簽：標(biāo)記標(biāo)簽選擇
id：id名選擇唯一性，獲取時(shí)要在名字前加#
class：類別選擇，獲取時(shí)要在名字前加.
之前沒有基礎(chǔ)，直播后又看的錄播，主要感覺老師講課時(shí)有些單詞聽不懂就會(huì)懵
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)