发表于： 2018-07-07 01:51:52
1 649
一、今天完成的事情:
1.下载了谷歌浏览器chorme以及编辑器webstorm(听说webstorm编辑器比sublime功能强大而且更好用）。
2.了解了如何申明文档类型：<!DOCTYPE html> ，任何一个标准的html页面第一行一定是一个以<!DOCTYPE....>开头的语句，又名“文档申明头”，主要作用就是告知浏览器文档使用哪种HTML或XHTML规范。
3.创建了一个html文件，并用chorme运行了下，如图：
- 4.过了一遍html的基本标签。感觉记得东西很多。这也体现了敲代码的重要性，越敲越熟悉。
- 5.HTML标签分等级：--文本级标签--：只能存放文字、图片、表单元素。例如：<span>表示跨度很小的区域，还有<p>段落标签。
- --容器级标签--：可以放置任何东西。例如<div>中的内容可以作为一个块。
- 5.css是层叠样式表，用来静态的表现html文本。样式表定义了如何去显示html的元素，说到这里，有三种方式在html文本中插入样式表：
外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css"></head>内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
<head>
<style type="text/css"> body {background-color: red} p {margin-left: 20px} </style></head>内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p
style="color: red; margin-left: 20px"> This is a paragraph </p> 6.在前面的html文本中添加了几个标签，并尝试添加了几个css样式，如下
ps:时间零散，抽时间看，好在最然内容复杂，但理解起来还好。
二、明天计划的事情
1.明天周末，继续下面的任务，学习盒子模型和float特性
2.尽快铺开知识点，做出九宫格，了解下自适应（只是听过）
三、遇到的问题
1.编码完成后放在浏览器中出现了乱码
解决方案：【1】在头部标签<head>中加入
<meta http-equiv="content-type" content="text/html" charset="UTF-8">
提示浏览器文件编码类型是：UTF-8
【2】在编辑器中找到设置，选择文件编码，把三个编码格式改为UTF-8.(这个方式比较一劳永逸）
2.其他技术性问题没有了（还没碰到核心，手动滑稽）
四、收获
1.一个网页就是由许多个html标签构成的页面。？
2.了解了html基本的标签，以及标签等级分类。
3.学习了css的概念以及语义，还有如何在html文本中插入长css样式表。
ps：第一次写日报，感觉自己进程有点慢，
返回列表
评论