1.标签有头没尾
html标签一般都成对出现的，如果是一开始敲的时候，很容易忽略末尾标签没斜杠
错误示范：<style type="text/css"> <style>
正确示范：<style type="text/css"> </style>
2.CSS有覆盖优先级
css覆盖有优先级，元素内的样式一级，头部的样式二级，外链的样式三级，一级最优先，然后是二级，最后是三级
<!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> #内部样式最高级覆盖
</body>
</html>
3.样式放在body标签内
<style type="text/css"> <style>和<link rel="stylesheet" type="text/css" href="css.css">放在html的body内，里面的样式是不起作用的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body> #注意这里是body内了<link rel="stylesheet" type="text/css" href="css.css"> #不起作用
<style type="text/css"> #不起作用
div{
background: blue;
height: 500px;
width: 500px;
}
</style>
</body>
</html>
4.内容不对应标签
像段落标签<p>和标题标<h1>，虽然可以用css做到一样的显示效果，但<P>标签内只能写段落内容，不能在里面写标题内容，其他标签同理
对html的认识：html严格意义不是一种编程语言，是一种超文本标记语言，普通的text只是记录文字，超文本是可以记录除文字外，还能记录图片，音乐，视频等。平时浏览器打开的网页都是用html来做的。
其他待补充（小白可在评论区答疑），文本是站在新手的角度分享。像计算机，电商等与互联网有关的专业应该都有学过。
网友评论