发表于： 2019-04-29 00:02:09
1 861
今天完成的事情：
1.完成并提交任务一和任务二。
明天计划的事情：
1.完成部分任务三。
遇到的问题：
1. 做任务二的时候上传代码至github花了很长时间总是出问题，查阅了相关资料仍然是一头雾水，经过师兄点拨代码成功上传并且提交了任务。
2.相对路径和绝对路径不是很清楚，一开始直接绝对路径放进去，浏览器没跑起来，后来经师兄提醒修改了路径解决了。
3.准备上传代码的时候检查css样式没反应，才知道是我把标签选择器当成类选择器使用。标签选择器顾名思义div{backgroung：rgb（255，255，255）}选中的就是div标签里的样式,所有的标签都可以是标签选择器。比如ul、li、label、dt、dl、input，另外无论这个标签藏的多深，一定能够被选择上，而且是全部所有的标签不是单一个；在类选择器上用“.”来选择。例如<p class="one">,另外尽可能使用class，id选择器一般不采用。
今日收获：
学会了如何上传代码到github：
1在github上右上角点击NEW Repository新建项目仓，
2repository name一栏输入项目名。
3选择public 公共的。
4务必勾选 initialize this repository with aREADME。
5再确定添加绿色的Greate Repository。此时项目仓就建好了。
在git上传项目文件操作如下：
首先下载好git，选择自己的的版本32位系统还是64位，然后默认安装就行。
把自己的要上传的项目文件分类好，
例如是:任务一/Html文件夹/xxx.html;任务一/CSS文件夹/xxx.css
然后选中任务一的文件夹右键选择“git bash here”。
选中后会弹出窗口。这时输入“git add .” 回车；记住每个字符之间都有空格。然后再输入“git commit -m “描述你的文件可输入中文””回车
然后后输入“git push”这时程序就正在传输你的文件至你一开始建立的项目仓里，然后刷新github查看即可。
相对路径写法：
相对当前页面所在的路径。两个标记 .和 .. 分表代表当前目录和父路径。
例如 <!-- 当前目录中的图片 -->
<img src="2.jpg">
<img src=".\2.jpg">
<!-- 上一级目录中的图片 -->
<img src="..\2.jpg">
绝对路径包括两种：
"C:\Program Files\Mozilla Firefox\firefox.exe"
<img src="http://img.smyhvae.com/2016040102.jpg">
另外无论是在a标签、img标签，如果要用路径。只有两种路径能用，就是相对路径和绝对路径。
相对路径，就是../ image/ 这种路径。从自己出发，找到别人；绝对路径，就是http://；C开头这样的路径。
另外熟悉了html文档使用规范:
HTML是负责描述文档语义的语言
html中，除了语义，其他什么都没有。
Html结构
声明部分：主要作用是用来告诉浏览器这个页面使用的是哪种HTML还是XHTML规范。<!doctype html>是HTML5标准。!DOCTYPE指文档声明头。任何一个标准的html页面第一行一定是一个以<!doctype…>例如<!DOCTYPE html>。
head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。
body部分：我们所写的代码必须放在此标签內。
头部标签（均放在<head>内）：
<title>网页的标题，浏览器标签页最上方显示。
<meta>提供有关页面的基本信息。
<body>定义文档所显示的内容，成为主体内容，写的代码大部门放在这个标签内。
<link>定义文档与外部资源的关系，常用于html外联css样式。
Head标签表示页面的配置，里面有字符集 charset、关键词keywords、页面描述description(seo)、页面标题title。
另外学习了行内元素和块级元素的区别：
行内元素：与其他行内元素并排；不能设置宽、高。默认的宽度，就是文字的宽度。
块级元素：占一行，不能与其他任何元素并列；能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100%。
行内元素有p、span、a、b、i、u、em等。块元素：div、h系列、li、dt、dd等。
display: inline 使块级元素变成行内元素，不能并排的变并排。
假如给div添加这个标签div{display: inline}将立即变为行内元素，此时它和span是一样的可以横着。inline就是“行内”。这个div将不能设置宽度、高度；div可以和别人并排了。
返回列表
评论