实现上传网页

预科Day 05笔记

一、回顾

1.1css

选择器

1.标签名选择器
	标签名{
	
	}
2.类名选择器
	.类名{
	
	}
3.层级选择器
	选择器1 选择器2{
	
	}
4.伪类选择器
：hover 选择器（伪类选择器）/*当鼠标放在元素上时会变*/
	li :hover{
	
	}

css属性

1.设置内容区域的宽高
   width:
   height:
2.内边距
	padding 
	padding-left
	padding-right
	padding-top
	padding-bottom
3.边框
    border
4.外边距
	margin
	margin-left
	margin-right
	margin-top
	margin-bottom
5.字体
	font-size
	color
6.文本居中
	text-align:center;
7.背景
	background-color:
	background-image cover;
8.浮动
	float:值可以是left或right
9.设置元素变圆
	border-radius:50%
10.让元素固定
	position:fixed;
11.取消元素默认样式
取消项目符号
	 list-style:none;
取消超链接项目下面的下划线：
	 text-decoration:none;

在html中使用css

第一种方式使用style标签
  在style 标签中直接写css代码
第二种方式 link标签
  把css代码写在独立的css文件夹中
  

1.2锚点

1.在页面中添加锚点
 给元素设置一个id属性
 id的值就是锚点的名字
2.设置超链接
  href 属性就不是一个网址了，是#加锚点名

1.3字体图标

font-awesome 字体图标
1.下载 font-awesome
2.把css文件夹和fonts文件夹 复制到项目页面中
3.在html中使用link标签引入font-awsesome.css文件
4.使用i元素，给他指定类名就变成不同的图标
5.可以使用font-size设置图标的大小，使用color来设置颜色

二、实现网址可以通过网络访问

2.1主流方式：域名+服务器

1.从服务器供应商（如阿里云）来购买服务器（电脑）可以通过互联网访问
2.从域名服务商（如：万网）购买域名
3.把我们的代码上传到服务器中
4.把域名解析到服务器上，然后通过域名访问放在服务器上的网站

2.2非主流方式：（静态网页托管）

代码仓库
1.创建一个本地的代码仓库
2.创建一个远程的代码仓库   远程仓库服务商（github）/(gitee)码云
3.让本地github和gitee都提供了静态网页托管服务，通过网址访问网站

git:管理你的代码

三、实现网站托管，步骤安装git工具

3.1本地计算机的操作

第一步 安装git

第二步 配置一个git信息

git config --global user.name "chuanjianguo"
git config --global user.email "chuanjianguo2020@126.com"

检查是否配置成功

git config -l
配置git信息的命令，git工具安装之后，只需要执行一次就好

第三步

在项目中创建一个仓库，用来保存本项目的代码

进入项目所在的文件夹，右键菜单选择git bash here出现命令行窗口

在命令行窗口中运行一下命令

git init

第四步 把代码添加到仓库

#添加
git add -A
##提交
 git commit -m '注释文字'

把本地仓库推送到远程

# 给仓库的地址取名字
git remote add orgin 仓库的地址
# 让本地仓库与远程仓库同步
git push -u origin master

3.2远程仓库的操作

第一步，登录码云gitte.

第二步，在码云上创建一个空的仓库

#给仓库的地址取名字
git remote add origin https://gitee.com/rabbitlove/intro.git
#与远程仓库同步
git push -u origin master

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-k6N9sKb1-1599548952968)(C:\Users\付文博\AppData\Roaming\Typora\typora-user-images\image-20200908111721716.png)]

第三步，同步本地仓库与远程仓库（在本地电脑上操作）

第四步，创建静态网站托管服务

如果对代码进行了修改

#把代码添加到仓库
git add -A
git commit -m  ‘注释内容’
#推送到远程仓库
git push

第五步，如果代码做出了更改，需要同步在远程仓库之后，更新静态网站托管服务

最后这是我的网页欢迎大家来访问
http://rabbitlove.gitee.io/intro