1st week

1标签

!DOCTYPE html是html5标志html5标志
head里的内容是页面的设置相关
meta标签是元标签，无实意
div无实意标签
p文章的段落，一个自然段是一个p
h1一级标题
h2二级标题
h3三级标题
h1-h3可以被收索引擎搜索到，h1标签一个网页只许有一个
ul无序列表，ul的儿子只能是li
ol有序标签
alt表示由于网络原因或者是路径错误或者是图片丢失等原因导致图片中展示不出来时，出来的提示性文字，即使用户看不见图片，也不影响用户对整个网页的浏览
供读屏软件阅读，有利于盲人阅读
有利于搜素引擎的抓取
默认type=text

2选择器

id名具有唯一性

3行块属性

inline对应行内block对应行内块
标签分为三类，分别是块标签，行内标签，行内块标签 -->
块:必须独自占据一整行，默认宽度100%，常见的有：div，p，h1-h6，ul，li，ol等
行内：简称行标签，默认共处一行，不可设置宽高：a，span，strong等
行内块，既可以设置宽高，又可以共处一行：input，img
span无实意标签

4css优先级

css两大特性：
1.层叠性；
2.继承性。
div>span>继承父级的font-size大小
驼峰命名法，大驼峰命名法ClassName，小驼峰命名法ckassname
优先级：
1.后来居上原则，越往后越说了算
2.id（100）> class(10) > Tag(1)
3.！important优先级最最最高，但是不建议使用，会导致代码可维护性变差(说人话：将来不好改)
4.行内样式表（标签内部的style）1000 > 头部样式表（head标签里的style） = 外部样式表（外部css用link引入）

1盒模型

top,left,right,bottom margin外边距。left,top：自身往反方向移动，right，bottom：自身不动，两边向两边移动
padding内边距，也分上下左右四个方向
margin:100px；四个方向
margin:100px 200px；上下100，左右200
margin:100px 200px 300px；上下100，左右200，下300
margin:100px 200px 300px 400px；上100，右200，下300，左400
border表示边框

2浮动

浮动：浮动的框可以向左向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止
float里包括了display：inline-block；

 

3定位

定位分五种
相对定位：相对于其本身在文档流中的位置定位，还会占据原先位置
绝对定位：相对于离它最近的已定位父级定位
固定定位：相对于浏览器窗口定位
静态定位：static默认
粘性定位：sticky

4baidu

list-style:none表示消除原点
a标签不会继承父级的字体颜色，需要单独设置
text-decoration：none表示消除下划线

 href：外链一个外部资源
src：把外部资源，嵌入本页面内执行
checkbokx：选择后可取消
outline:none：消除表格点击之后的线框

 

transla：转移
rotate：旋转 deg：角度
scale:缩放
transition是一种动画形式，一般配合hover使用
animation动画，可以有很多很多帧，不必要用hover调用
linear:线性 infinite：无限
使用hover只执行与它相邻的下一个兄弟

 

header:html5的新标签
安装node
检测是否安装：打开cmd输入node -v查看版本
安装完成后需重启wbstorm
配置淘宝镜像：npm congig get registry https://registry.npmmirror.com
npm install normalize.css
安装normalize.css

 

配置git：
打开git，
输入： git config --global user.name '账户名称' 敲回车没弹东西输入成功
接着输入： git config --global user.email '登录邮箱' 敲回车
接着输入：ssh-keygen -t ed25519 -C(大写)"登录邮箱” 敲回车
一直敲回车直到出现一个密钥，在密钥上面有个路径，根据路径找到文件，用记事本方式打开.pub文件，复制里面内容。
浏览器进入git hub官网，登录账号，在设置中找到ssh key创建一个ssh key在接下来的网页中输入刚复制的内容完成创建。
在git hub中创建一个项目复制网址
win+r打开cmd输入 cd Desktop回车后输入git clone （刚复制的网址）敲回车完成文件生成。
使用webstorm打开刚生成的文件，打开命令栏 ，通过cd xxx的方式来进人该路径的文件夹
然后输入：git config --global user.name"账户名称"，再输入：git add 敲回车
再输入：git commit -m init 敲回车
再输入：git push敲回车
出现网址点击打开进入git hub有数据上传进去即成功。