1.標簽有頭沒尾
html標簽一般都成對出現(xiàn)的挣柬,如果是一開始敲的時候驱闷,很容易忽略末尾標簽沒斜杠
錯誤示范:<style type="text/css"> <style>
正確示范:<style type="text/css"> </style>
2.CSS有覆蓋優(yōu)先級
css覆蓋有優(yōu)先級腮考,元素內(nèi)的樣式一級,頭部的樣式二級吧碾,外鏈的樣式三級俺孙,一級最優(yōu)先辣卒,然后是二級掷贾,最后是三級
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title><link rel="stylesheet" type="text/css" href="css.css">? #外部鏈接樣式是最低級覆蓋
<style type="text/css">? ?#頭部樣式二級覆蓋
div{? ?
? ? background: blue;
? ? height: 500px;
? ? width: 500px;
}
</style></head>
<body><div style="color: blueviolet; height: 500xp;width: 500xp;" ></div>? ?#內(nèi)部樣式最高級覆蓋
</body>
</html>
3.樣式放在body標簽內(nèi)
<style type="text/css"> <style>和<link rel="stylesheet" type="text/css" href="css.css">放在html的body內(nèi),里面的樣式是不起作用的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body> #注意這里是body內(nèi)了<link rel="stylesheet" type="text/css" href="css.css">? #不起作用
<style type="text/css">? ?#不起作用
div{
????background: blue;? ?
?????height: 500px;? ?
?????width: 500px;
}
</style>
</body>
</html>
4.內(nèi)容不對應(yīng)標簽
像段落標簽<p>和標題標<h1>荣茫,雖然可以用css做到一樣的顯示效果想帅,但<P>標簽內(nèi)只能寫段落內(nèi)容,不能在里面寫標題內(nèi)容啡莉,其他標簽同理
對html的認識:html嚴格意義不是一種編程語言港准,是一種超文本標記語言,普通的text只是記錄文字咧欣,超文本是可以記錄除文字外浅缸,還能記錄圖片,音樂魄咕,視頻等疗杉。平時瀏覽器打開的網(wǎng)頁都是用html來做的。
其他待補充(小白可在評論區(qū)答疑)蚕礼,文本是站在新手的角度分享。像計算機梢什,電商等與互聯(lián)網(wǎng)有關(guān)的專業(yè)應(yīng)該都有學(xué)過奠蹬。