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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 418580714 初级黑马   /  2018-11-28 11:16  /  1019 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

      来到黑马第一天,接触到了人生中的第技术贴一节正式关于代码的课程,初步认识了html是一种超文本标记语言。又了解了不同浏览器有不一样的内核。
例如ie的内核 trident, 火狐的是 gecko, chrome 的是 blink ,Safari的是 webkit。随着逐步的了解,我们就学到了我们代码中必不可少的
标签,标题标签h1-h6 段落标签 P 等等。经过两天html的学习,我们又开始了css的学习了,css的目的就是,美化网页  把html打扮的漂亮一些,
布局更自由丰富一些,css是怎么实现这样的效果的呢?因为他可以通过font-size改变字体大小,font-family 改变字体,color 改变颜色,
text-align来改变我们文字的水平位置。
     光有文字是不是还是不够漂亮,接着又学习了图片的修饰。背景颜色 background-color,背景图片 background-image,背景位置 background-position
背景平铺 background-repeat,背景固定 background-attachment。慢慢的我们就学到了网页中必不可少的盒子模型,盒子模型是由content,padding border margin
四个部分组成。最后讲到了浮动与定位,浮动的盒子就漂浮在标准流盒子上面,浮动的盒子不占位置,浮动后能改变display属性,类似行内块元素。元素分位三大类
1.块级元素:独占一行,可以给高度和宽度。2.行内块元素:一行可以显示多个,可以给宽度和高度。3.行内元素,宽度和高度对它无效。只能通过自身内容撑开它的大小
定位是通过边偏移来移动位置的。定位分位四种定位方式。1.静态定位,相对定位,绝对定位,固定定位,给一个边偏移他会根据自己本身的位子进行移动位置,移动后原来
的位子继续占有,绝对定位是相对它父元素的位子进行移动位置的,如果父元素没有定位,就以浏览器的位置进行移动,移动后,原有位置不占有了。类似浮动后的元素一样。固定定位。总是以浏览器可视窗口移动位子。不随滚动条滚动。前面学习这么多,都是为了我给我们网页布局所用的,通过网页布局的练习会将以前零零散散的知识点连接起来。
      因为每个代码有每个代码的特性,当他们组合一起后,也会出现相互影响的问题,可能会出现与你想象中不一样的画面,只有通过网页的练习,在错误中发现问题所在,
进一步了解各自的特征,更好的运用他们。


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马