Web前端学习第二天

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

话说今天接到一个电话面试,问了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.

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

时间: 2024-12-19 13:05:00

Web前端学习第二天的相关文章

Web前端学习第二篇

今天看到了一篇写的不错的文章,是有关对JQuery.js等一些源代码初识的内容,感觉写的还是不错,所以拿过来分享一下. 文章的地址:http://my249645546.iteye.com/blog/1716629 1.对(function(){})(); 几乎所有的开源js代码开篇都是这样(function(……){……})(……); 下面是Jquery的部分源码: (function( window, undefined ) { var jQuery = function( selector

Web前端学习—第二课HTML篇

Q6:什么是HTML标签,如何合理使用HTML标签?哪些特殊场合需要使用特定的标签? (不考虑CSS) HTML标签(超文本标记语言标签):是html语言中最基本的单位,是html语言最重要组成部分. [使用]是由尖括号包围的关键词,如:<html>:通常是成对出现的,如<div></div>;标签对中第一个标签是开始标签,第二个是结束标签:开始标签和结束标签也被成为开放标签和闭合标签:也有单独呈现的标签,如<br />:一般成对出现的标签内容在两个标签之间

Web前端学习-第二课JavaScript篇

Q3:怎么检测数据类型?有哪些方式?其原理是什么? Typyof检测基本数据类型,,返回值是一个代表数据类型的字符串,而且是小写的:instanceof检测对象类型(原理是获取某一对象实例).Constructor检测对象的已有属性类型或者基本数据类型:object.prototype.toString()得到一个表示对象的类型的字符串.此方法可有效判断数组,函数,正则表达式,等对象类型(引用类型)可判断null和undefined: 描述一下Typeof和instanceof在判断类型的时候,

WEB前端学习笔记 四

接上一篇,web学习笔记 四,在此感谢您对此篇笔记的认可,但转发时请注明文章出自网知博学. 2.0  html的语法格式 html的标签要写在尖括号中 :<> 在在英文输入法状态下,按住shift键然后再按它左侧的尖括号就可了, 先学习一个简单的h1标签,是个标题标签,在html中这样写: <h1>我在h1标签中,我就是标题</h1> 那么h1标签中所包裹的文字,就标记成标题了.通过浏览器的解析后在页面上显示出来的效果就是字体加粗,加黑,和word中的标题性质一样! 大

好程序员web前端学习路线分享jQuery学习技巧

好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! 1.关于页面元素的引用 通过jquery的$引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方

好程序员web前端学习路线分享函数基础

好程序员web前端学习路线分享函数基础,在这之前先来讲一下函数是什么? 函数就一个代码块,可以是一个完全独立与其它内容没有关系的代码块,也可以是一个与外界环境紧密相关的代码块.函数是一个拥有输入和输出的独立代码块.函数是程序中最重要的组成部分. 函数,是一种封装(将一些语句,封装到函数里面).通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行. 在javascript里,函数即对象,程序可以随意操控它们.函数可以嵌套在其他函数中定义,这样它们就可以访问它们被定义时所处的作用域中的

WEB前端学习笔记 一

最近时间比较充裕,整理了一下学习过的笔记,此篇笔记包含了:Html.Css.JavaScript.Jquery.以及使用帝国CMS或是织梦CMS建立自己的网站,也许也会整理一下PHP的笔记,如果时间允许会整理完全. 虽然笔记是从最基础的开始,但是,并不包含电脑的基础知识,所以你必须已经掌握了一些电脑的基本操作,比如开关机,你的电脑用的是什么操作系统,至少也要会用word和wps吧.浏览器是做什么的,什么拷贝.复制.粘贴.知道最基本的文件类型,如,文本文件,视频文件,图片文件,什么是可执行文件,分

Web前端学习小建议

这里跟大家扯一扯学习前端的小方法,是我自己的学习方法,大家凑合看看,倒也不一定对~ 在写css前,其实html的结构要是比较合理的,这样写css也会比较顺手.在写一个网页之前,建议先琢磨几分钟,不要上来就写.多去看看别人是怎么写的,然后结合自己的项目,心中有一个大致规划.可以先把最外层轮廓写好,先不着急去写某一个具体的部分. 这里给大家分享一些css小技巧: 1.使用reset.css火狐和IE这两种不同的浏览器,在绘制CSS样式方法上截然不同.这种情况下,使用reset.css重置所有的基本样

立方体旋转 【web前端学习部落22群120342833】

效果: HTML部分: <body class="body"> <div class="rect-wrap">   <!-- //舞台元素,设置perspective,让其子元素获得透视效果. --> <div class="container">    <!-- //容器,设置transform-style: preserve-3d,让其子元素在3D空间呈现 --> <div c