A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

大煊

初级黑马

  • 黑马币:32

  • 帖子:11

  • 精华:0

© 大煊 初级黑马   /  2019-3-19 01:50  /  1436 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

哈哈,插班进来的,压力挺大的,基础其实也就一般。之所以来学前端也是因为之前曾经接触过,觉的还不错,于是想着趁着年轻,趁着还有机会想着来试试,看看自己到底适不适合做这个敲代码的工作,我想着生命总是需要不断地尝试这样的人生才会更加精彩吧,我来黑马放弃了工作,想着浴火重生,我也不知道自己最后 能不能成功,但是如果不来试试,以后真的会后悔,所以还是要努力的试试。
感觉自己还是有点笨,笨就算了,还懒,在黑马的时间里我一定要改变自己的一些陋习。毕竟二十五了,人生里留给我的时间也不是很多了。其实这几天学到的东西也是很充实的,也得到了很大的成长,我知道我们现在学的其实还是皮毛,就是最简单的部分,但我希望我能够坚持学下去,以后的东西可能还会更难,但既然已经开始了,已经走了这条路,那就坚持走下去,希望最好的留在最后。
我也害怕学完之后还是找不到工作,所以要好好学呀。
感言贴到底要写多少字才能完啊。我要写东西当然能够写很多
写我们在这的生活,手机还要上交,这种方式实在太认可,就是因为手脚上交了我们才能认真的学习啊。我下课了还会老是想着去看手机,看看有没有人来找我,其实哪有那么多人来找你啊。纯粹是你想多了还是就是手机依赖症,有时候不知道拿手机要干嘛但是拿着手机就会产生一种安全感,简直有毒。
黑马培训机构旁边是大学城,能够看到很多很多的大学生,对于毕业两年的我来说看着他们我感觉自己似乎老了,虽然我总是说自己老了,但我坚信自己有一颗年轻的灵魂,希望自己也能一直年轻下去,敢于去尝试一些东西,也能够看到更高更远的世界,去认真看看这个世界,聆听自己内心的声音。
时间一天天的过,有时候我看到前端学习路线图,感觉自己要学的东西还有很多,自己还要走很长的一段路啊。正所谓路漫漫其修远兮吾将上下而求索。
看到那么多人那么努力,氛围真是很好呀。来培训机构的一个原因就是因为在这种环境之下,会有学习的氛围,大家都在努力,如果你不努力,你会觉得你很差劲,我就用这种方式逼迫自己努力吧。
如果你想种一棵树,最好的时间是十年前,其次是现在,我错过了最佳种树的时间,所以现在我们要立刻学习。
这个感贴写在这里,也希望自己以后能够偶尔看看这个帖子告诉自己要好好学。
毕竟留给中国队的时间不多了。
字数不够代码笔记来凑
position:
static                                        静态定位     无定位的意思相当于border的none。静态定位无法使用边偏移。
relative                                     相对定位  自恋型,相对自身原来位置改变,相对于自己原来的标准流区域继续占有。后面的盒子还是按照标准流。
absolute                                   绝对定位以父亲元素进行定位,父亲需要定位。如果没有定位,则参考浏览器文档为准。,不保留位置,脱离标准流,不占用位置。
                                                 子绝父相。父亲因为要占有位置,所以必须用相对定位。这样相邻的就不上去了。
绝对定位无法用margin水平居中。
fixed                                         固定定位:不占位置,只认浏览器可视窗口为主。和父级没有任何关系,不随滚动条滚动。


定位=定位模式+边偏移
页面在实际显示盒子的位置的时候包含margin值。
标准流和浮动压不住图片

定位居中
先移动盒子的一般top50%,接着往回走自己margin一半。margin-top:-多少px;



清除浮动:

为神马要清除浮动?

1. 当父元素没有高度的时候,浮动的子元素 无法撑开父元素 ,导致父元素高度为0,父元素后面标准流中的兄弟元素就会占据父元素的位置

清除浮动的属性:  clear:both

清除浮动的方法:

1. 额外标签法 增加一个带有清除浮动属性的 空标签
   用法: 谁浮动就给最后浮动的元素后面增加一个 带有清除浮动属性的空标签
   缺点:会给页面增加许多没有用的空标签 导致页面结构混乱

2. 给父元素设置overflow :hidden

3.3.使用after伪元素清除浮动。(假的标签,使用css创造)
.clearfix:after{
   content:"";        content属性一定要写,老版本的火狐“”里加一个点.
   display:block;
    height:0;
     visibility:hidden;
    clear:both;
}
  .clearfix{
         *zoom:1;              兼容IE6 7
}

4使用双伪元素清除浮动

z-index
只能给相对定位,绝对定位,固定定位设置层级
定位层级高于标准流,浮动元素
默认值为0 ,后来者居上,谁靠后,谁层级高。
只能设置0,负整数,正整数。


忍得住寂寞,方能守住繁华。
.块级元素的特点:独占一行 ;可以控制大小、内外边距 ;宽度默认为100% ;容器可以嵌套其它元素
  注:文本类块级元素h,p,dt不能嵌套div 包括自己

2 行内元素的特点:一行内显示多个 ;只能容纳文本或其他行内元素;宽高无效(包括垂直方向的内外边距!) ;默认宽度是本身 a不能包a但是可以嵌套块级!
3.行内块元素特点:行内块:(img input textarea... )可以设置大小;同一行显示(白色空隙是换行引起);大小由内容决定
4.margin塌陷解决:1给父元素设置边框   2给父元素设置一个像素上内边距  3给父元素设置overflow:hidden属性(常用)  4父元素/子元素加float属性  5父元素/子元素加position:fixed/absolute属性
5.浮动元素特点:1脱离标准流 不占位置   2显示模式改变 类似行内块元素  3只会影响当前和后面的标准流元素   4不会超过/覆盖父元素的边框和内边距
6.font:font-style font-weight (font-size/line-height)! font-family 注:使用综合写法不带行高有默认字体大小行高
7.span,a,em,strong,del,ins...这类元素不能设置text-align:center/right/left属性
8.thead 和tbody (tfoot)之间不能跨列合并
9.浮动盒子边变行内块 可以设宽高
10.计算器快捷运行:运行calc
11.关于li在版心里装不下的时候处理办法:
可以设置子盒子宽度(加上外边距)大于父盒子,子盒子可以比父盒子大
12.div嵌套img时多出的空白怎么解决?给img设置vertical-align为baseline以外的值或者改变img的显示模式




1 个回复

倒序浏览
对你的期望很大呢,好好学,你的口才是杠杠的了,需要与之匹配的技术,那就完美啦
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马