汇总新手学做网页的坑(持续更新)

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来做的。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,285评论 0 3
  • 从HTML + CSS开始的CSS教程 这个简短的教程适用于那些想要开始使用CSS并且之前从未编写过CSS样式表的...
    摩羯青春我掌握阅读 1,959评论 0 0
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,126评论 0 40
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,205评论 0 1