[散修弟子]CSS-7774|2019年03月22日的日报-技能树.IT修真院

发表于： 2019-03-22 23:59:37

4 839

今晚上是第一天学习，九点过接了第一个任务，一边下载webstrom和Chrome，一边学读懂代码。

大概知道了一些零散的东西。。。下面是我找到的代码，能看懂了。简单记下笔记，然后十二点去睡觉。

一、今天完成的事

0. 百度看评论，对比了 subm... 这个啥和 webstrom 的优缺点和使用感受，还没体验过不太明白，但选 webstrom 下载下来了。了解了PHP似乎会用到的Apache，网页上的博客里Apache和webstrom似乎服务于不同的编程语言，所以我想了想，以后更想学Java就没有下载Apache。

1. 下载了 webstrom 和谷歌浏览器的环境。

2. 学会看懂一点点网页代码。( 具体的知识写在下面的知识收获里的

3. 试着敲了一下，在网页在线测试工具上，运行了第一次 class = "text"，打出了hello，撒花✿✿ヽ(°▽°)ノ✿。

二、明天的计划

1. 明天开始背诵一些常用的代码

2.明天开始做第一个任务，画三乘三正方形；

3. 然后接第二个任务看看什么是GitHub ，争取第一个任务明天就能交

三、疑问和解决

1、看网上资料说啊，在 head 里面，如果不写 name 似乎就会被默认成 http-equiv ？

2、还是没懂 class 的类和 id 属性单一性是指什么？

解决办法：查百度，两个的却别就是重复调用的区别。但还是没太懂，难道是， class 可以出现多次而 id 只能在整个代码里出现一次吗？ id 能有不同的 id 吗，比如 id01 、 id02 ?

3、class 写错成了 xlass 然后我在网页在线测试工具上试了一下，居然运行结果不变，为什么有错还能跑出来，是不是网页在线工具的要求很低导致的？

4、看到参考手册里说“识别从句号开始”，是不是“ .css5_class{ background:#FFF;} /* 背景白色 */ ”，这个就是？但是，我不加句号也在那个网页在线测试工具上跑出来了，那个网页测试工具真的是很水了吧？。。。有严格一点的网页在线测试工具推线吗，我想养成良好的正确编程代码？

四、知识收获

一些以前不清楚的概念，比如目录是什么，元素是什么，属性是什么，还有空格键的重要性……还有就是具体的知识点了

1. 首先是 !DOCTYPE ，这个每个网页的头上都必须有，有些会写成“ <!DOCTYPE html> ”，对大小写不敏感，不需要结束语。

2. 然后，html xmlns 类似于房子，就是网站空间，大概就是规定所述的服务器存储空间吧。

3. head、body、html都是必须有的。head头部里面可以有meta，其中meta 的 name 和 http-equiv 这两个，前者描述网页比如说作者、搜索关键词之类的，后者则有点像反馈给浏览器的指令，如果不name似乎会默认成 http-equiv？

(抱歉，下面是我今天看到几条简单的代码，放在这里，以后我也好复习看看。。。忽略下面的水印，我实在不知道怎么删掉水印，不要打我)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>DIV CSS中CLASS与ID实例 - -DIV+CSS-www.divcss5.com</title> 
<style> 
.css5{ width:100px; height:100px; border:1px solid #000; float:left; } 
.css5_class{ background:#FFF;} /* 背景白色 */ 
#css5_id{ background:#FF0000;} /* 背景红色 */ 
</style> 
</head> 
<body> 
<div class="css5 css5_class">我在浏览器下浏览，内容背景将是白色</div>  
<div class="css5" id="css5_id">我在浏览器下浏览，内容背景将是红色</div>  
</body> 
</html>