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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

[前端与移动开发] 技术分享

© 15869469899 初级黑马   /  2019-10-14 23:54  /  540 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

对于这些天基础班学到的技术,我觉得是非常多的。
首先我们学习了HTML 概念、介绍、标签等等的知识以及那些常用标签的使用方法,其中就有图片标签、超链接、路径的分类、table表格的作用于结构书写、常用的列表使用方法(oldlul)、表单的组成集表单内标签input的使用方式和属性
然后再试学习了CSS 样式的使用,通过这些css样式使我们的网页达到我们想要的一个效果。
其中有我们最常用的选择器(类选择器),通过class来引用我们样式。Css的三大特性(层叠性、继承性、优先级)、标签的三大分类(块级元素、行内元素、行内块元素)。还有常见的文字控制属性、background背景属性、opacity透明。还有盒子模型,通过margin padding来实现我们想要的效果。圆角边框、盒子阴影box-shadow的设置这些都可通过Chrome来检查和调试。
网页布局的三种机制
1、普通流:块级元素独占一行,从上向下顺序排列;常用的元素:divhrph1-h6uloldlformtable
  行内元素一行共存多个,从左到右排列,碰到父元素边缘则自动换行; 常用元素:spanaiem
2、浮动:让盒子从普通流中浮起来,让多个块级盒子一行显示;
3、定位:实现盒子的堆叠(重叠)效果或者将某一个元素定位到页面的某一个位置;
还有对于浮动影响后面的盒子显示布局的解决方法
1、清除浮动之额外标签法
2、父级加overflow属性法
3、清除浮动之after伪元素
4、双伪元素清除浮动
定位
1、静态定位position:static;
2、相对定位:position:relative
3、绝对定位position:absolute;
子绝父相(超级重要)
子绝父相:子级绝对,父级相对父级盒子定位了,但是依然占位,不会影响其他盒子的布局;
使用的原因:由于布局需求,在做定位效果的时候,大的原来的位置是不需要哦更改的,如果给父级盒子使用课绝对的定位,父级盒子原来的位置就会不存在,会影响下面的盒子布局,所以我们一般情况下都是用子绝父相,但是有些情况下子绝父绝和子绝父固;
这些技术我们都会在实站项目中使用的到。

0 个回复

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