前端小白对CSS浮动与清除浮动学习总结,MMKV集成与原理

35 阅读3分钟

专业技能

一般来说,面试官会根据你的简历内容去提问,但是技术基础还有需要自己去准备分类,形成自己的知识体系的。简单列一下我自己遇到的一些题

  • HTML+CSS

  • JavaScript

  • 前端框架

  • 前端性能优化

  • 前端监控

  • 模块化+项目构建

  • 代码管理

  • 信息安全

  • 网络协议

  • 浏览器

  • 算法与数据结构

  • 团队管理

最近得空把之前遇到的面试题做了一个整理,包括我本人自己去面试遇到的,还有其他人员去面试遇到的,还有网上刷到的,我都统一的整理了一下,希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限,仅展示部分内容

开源分享:docs.qq.com/doc/DSmRnRG…

  • CSS:Cascading Style Sheet 层叠样式表

  • 是一组样式设置的规则,用于控制页面的外观样式

2、为什么使用CSS

  • 实现内容与样式的分离,便于团队开发

  • 样式复用,便于网站的后期维护

  • 页面的精确控制,让页面更精美

3、CSS作用

  • 页面外观美化

  • 布局和定位

————————————————

_版权声明:本文为CSDN博主「是叽叽呀」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:blog.csdn.net/weixin\_433…_

二、对CSS学前的知识概述

============================================================================

CSS所学的内容说多不多,说少不少,里面有一些是值得我们需要加强学习,比如重点:浮动、清除浮动、盒子模型、定位。

  • CSS选择器

  • 字体属性

  • 伪类选择器

  • 元素显示模式

  • CSS背景颜色\图片

  • CSS的三大特性

  • 盒子模型

  • 盒子边框装饰

  • 浮动

  • 清除浮动

  • 定位

三、CSS前期重点:浮动与清除浮动

=================

浮动的作用:标准流无法实现所有的盒子排列方式时可以使用浮动效果.

使用overflow的情况:

  1. 防止溢出父盒子

  2. 外边距嵌套块元素塌陷

  3. 清除浮动

在使用浮动过程我们会出现一个缺点:当父盒子里的子盒子使用浮动,父盒子会没有高度,子盒子占据了父盒子的位置,所以此时我们需要清除浮动.

清除浮动的方法:

1.overflow:hidden | auto | scroll;

2.:after 方式是额外标签法的升级版 ; 

.clearfix:after {  

content: ""; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;  

.clearfix {  /* IE6、7 专有 */ 

*zoom: 1;

}   

3.clear:both

基础学习:

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计:HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互:JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。