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来做的。
其他待补充(小白可在评论区答疑),文本是站在新手的角度分享。像计算机,电商等与互联网有关的专业应该都有学过。