任何陌生领域都需要一阵探索，学习变成更是如此。昨天按照学习计划，时间Html和CSS语言是遇到了问题，css是用来呈现网页内容的一种语言，Html是一个结构。由于我的电脑上没有显示出应有的presentation，我纠结于此，耽误了至少2个小时，这样很浪费时间，因此我今后一定要在设定时间，重复两次魏国的情况下，果断调到下一步，这样会节省大量宝贵时间，有很多问题，不是一下子能解决完的，做好长期的心理准备才可以最终掌握一门陌生领域的技能。
还有在注册freecode是，如果不能顺利进行，应该果断放弃，改一个时间，只要记住没做完的事情就可以了。
freecodecamp换了一个时间究竟去了，先做了几个练习，发现有的只要刷新一下就可以继续闯关，注意
CSS与Html语言配合使用才可以
p {
font-size:16px;
}
段落字体在页面的显示尺寸
p {
font-family: Monospace;
}另一种书写体，字母独立大写体
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: Monospace;
}
h2{
font-family:Lobster;
}从google中抓取lobster字体，跟龙虾一样的字体。
p {
font-family: Helvetica, Sans-Serif;
}
替换降解，在Hel字体没有的时候，使用San
<img class="smaller-image thick-green-border" >
上面的同类中间空格，我在这个地方写成了<img class="smaller-image" "thick-green-border" >怪不得半天好不了呢。
这次经历也告诉我一定要换个时间重新只字不差的阅读。
在强调一个anchor text，锚定文本的时候用
这是一个死链接<p>Click here for <a href=#>cat photos</a>.</p> href后面直接#或者“#”，不跟“网址”<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>将现有的图片变成anchor元素
添加选项框<input type="text">出现
<input type="text" placeholder="this is placeholder text">添加空白框内的原内容this is placeholder text
You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action on your form element.建立form元素向服务器提交纯的超文本
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit">submit</button>
</form>添加按钮
We just proved that browsers read CSS from top to bottom. That means that, in the event of a conflict, the browser will use whichever CSS declaration came last.浏览器阅读代码是从上到下的。
