码迷,mamicode.com
首页 > Web开发 > 详细

Web前端学习第二天

时间:2018-01-05 01:15:53      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:.class   ext   post   margin   不同   dream   存在   提交   今天   

还是用中文,省时间。。。。

话说今天接到一个电话面试,问了6,7个问题3和没答上来,然后被拒了。

看来我还得好好提升一下自己才有资格找实习。

今天干了三件事:

1.在github上创建了一个自己的repository,并把测试网站放上去试了一下,成功! 

2.用了一个git,感觉很诡异。

3.复习了一部分CSS。

 

常用git命令:

$ git clone  //本地如果无远程代码,先做这步,不然就忽略

$ cd //定位到你blog的目录下

$ git status //查看本地自己修改了多少文件

$ git add . //添加远程不存在的git文件

$ git commit  -m "what I want told to someone" //提交修改

$ git push  //更新到远程服务器上

$ git rm //移除文件

 

如何修改你的网页?

方法一:在github上的master分支中直接进行修改。(如果不添加新的文件推荐此法)

方法二:在github客户端进行修改在同步。(如果添加了新的文集推荐此法)

 

CSS(Cascading Style Sheets)

CSS Selectors

  1. The element Selector       p{}
  2. The id Selector   #id{}
  3. The class Selector     .class{}
  4. Grouping Selectors   p,a,li{}

 

 

Ways to Insert CSS

 

  1. External style sheet
  2. Internal style sheet
  3. Inline style

 

Display

  1. none    不显示。
  2. block    宽度为100%,独占一行,带有换行符,可设置宽高。
  3. inline    默认。内容决定宽度,非独占,不可设置宽高。
  4. inline-block      内容决定宽度,非独占,可设置宽高。(CSS2.1 新增的值,IE7不支持。)

 

Position

  1. static   默认,无法设置top/left
  2. relative  设置top/left后,相对于在static 状态下移动。
  3. fixed  设置top/left后,根据浏览器显示窗口位置而定。
  4. absolute  如下

(1)当sub1的父对象(或曾祖父,只要是父级对象)parent也设置了position属性,且position的属性值为absolute或者relative或者fixed时,也就是说,不是默认值的情况,此时sub1按照这个parent来进行定位。

注意,对象虽然确定好了,但有些细节需要您的注意,那就是我们到底以parent的哪个定位点来进行定位呢?如果parent设定了 margin,border,padding等属性,那么这个定位点将忽略padding,将会从padding开始的地方(即只从padding的左上 角开始)进行定位,这与我们会想当然的以为会以margin的左上端开始定位的想法是不同的。

接下来的问题是,sub2的位置到哪里去了呢?由于当position设置为absolute后,会导致sub1溢出正常的文档流,就像它不属于 parent一样,它漂浮了起来,在DreamWeaver中把它称为“层”,其实意思是一样的。此时sub2将获得sub1的位置,它的文档流不再基于 sub1,而是直接从parent开始。

(2)如果sub1不存在一个有着position属性的父对象,那么那就会以body为定位对象,这个比较容易理解。

 

float

这个能很好的解释 float详解

That‘s all for today.

Web前端学习第二天

标签:.class   ext   post   margin   不同   dream   存在   提交   今天   

原文地址:https://www.cnblogs.com/bigcabbage/p/8196739.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!