前端学习个人心得，总结（个人向）
一、外边距合并
1.出现的条件
只有垂直方向的外边距会出现合并，水平方向上不会出现外边距合并。
垂直方向上相邻的元素才会有外边距合并的问题。
2.有两种情况
2.1兄弟元素间的外边距合并
（1）若两者都是正值，取值为两者间最大值
（2）若两个外边距一正一负，取值为两者之和
（3）若两个外边距都是负值，取值为绝对值较大的外边距
解决方案：一般不需要处理，这一般是对开发有利的，如果要处理，可以将本应该设置给两个元素的外边距直接设置给其中一个元素。
2.2父子元素间的外边距合并
解决方案：
（1）给原本设置给子元素的margin值，修改为设置父元素的padding，并相应减少父元素的height。
（2）给父元素添加边框属性。给父元素添加边框属性。在父元素中用height减去边框高度，在子元素中用margin-top减去边框高度（由于增加了边框的厚度，所以导致盒子高度增大，这一步是为了保证父元素盒子的可见区域高度不变）。
（3）给父元素或子元素设置浮动属性。
（4）给父元素或子元素设置position：absolute属性。
（5）给父元素设置overflow：hidden。
（6）给父元素或子元素设置display：inline-block。
二.CSS visibility 属性
visibility属性指定一个元素是否是可见的。
即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。
| 默认值： | visible |
|---|---|
| 继承： | yes |
| 版本： | CSS2 |
| JavaScript 语法： | object.style.visibility="hidden" |
三.CSS opacity 属性
opacity 属性设置元素的不透明级别。
| 默认值： | 1 |
|---|---|
| 继承性： | no |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.opacity=0.5 |
前端学习个人心得，总结（个人向）相关推荐
- 总结一年来的前端学习心得
到今天,前端学习刚好满一年.我也顺利从非计算机专业转到前端.对于前端学习,自己也是摸着石头过河,中间也有过困惑和迷茫.本文主要讲述自己一年来对于前端学习的心得体会,希望能对学习前端的人提供一些帮助. ...
- html表单的课后心得体会,web前端学习心得体会范文
<web前端学习心得体会范文>由会员分享,可在线阅读,更多相关<web前端学习心得体会范文(2页珍藏版)>请在装配图网上搜索. 1.web前端学习心得体会范文web前端学习心得 ...
- 2020年年度关于前端学习与工作的心得体会
在2019年底到2020年底,这一年多的时间里,本人从移动端开发直接转岗到前端开发,俗话说得好:只要是语言都是相通的,尤其是程序语言相似度更高,因为它们的鼻祖是C语言,做程序开发的都学过C语言,but ...
- 【融职培训】Web前端学习 第2章 网页重构2 常用的html标签
一.HTML语法 上一节我们已经了解了html和css的基本概念,本节通过上一节的一个例子来说说HTML的语法. 1 <!DOCTYPE html> <!-- 文档声明 --> ...
- web前端开发需要学什么（包含前端学习路线）
前端开发,做到后面,是可以走很多方向的: 但是要保证后期的平滑过度,前期还是要把一些必须的知识搞扎实的: web前端开发需要学什么 环境搭建 前端环境很好搭建,编辑器+浏览器即可. 浏览器推荐使用 C ...
- 大前端学习--两个多月来的收获与进步 学习总结
两个多月来的收获与进步有多少 作为大前端课程的第一期学员,我已经学了2个多月了,课程质量和教学水平如何不用再重复了,之前在大前端高薪训练营 心得体会+学习笔记这篇文章里已经说过了.这两个月来有很多人向 ...
- 关于我写了个开发学习路线供全班同学学习 ———— 前端学习路线（超详细）
前端学习路线 超级详细 全网汇总 学习心得 -------By QiongKe 符号表 ⭐️ 必学 ✅ 建议学 ❌ 一般可以不学,了解即可
- 2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记
2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记 [导读]:初学web前端的小伙伴经常会遇到的问题,1.没方法 2.没资源 3.没经验,不知道从何开始 ,代码哥(D ...
- 从零开始的前端学习路线
从零开始的前端学习路线--持续更新 前景与入门 调查学习技术 调查学习路线 一.完整学习视频 二.分步学习 自学路线 一.pink前端入门 想着也还一年就毕业了,虽然本科是软件工程,读的研是计算机应用 ...
- WEB安全的总结学习与心得（十）——SQL注入漏洞
WEB安全的总结学习与心得(十) 01 SQL注入漏洞之简介 02 SQL注入的过程 03 SQL注入的本质 04 SQL注入靶场 1.显错注入(Get注入) 显错注入小结 2.POST注入 POST ...
最新文章
- 「黑科技」机器人可以生孩子了，你怕不怕
- 思科交换机vlan配置
- 《自卑与超越》读书笔记(part5)--如果教育者把性格和智力的发展都归之于遗传，那么教育就没有什么意义了
- react转跳_您跳过的这些React基础知识可能会杀死您
- MarkDown编辑器语法指南——SegmentFault
- 字节大牛教你手撕Java学习，大厂直通车！
- xgboost算法_xgboost算法过程推导
- 【文智背后的奥秘】系列篇——分布式爬虫之WebKit
- 使用nginx反向代理解决前端跨域问题
- QT-C++ Nesting排料优化，广告，服装，木工排料（支持矩形、异形排版，提高优化效率）
- nodejs代理请求转发
- java nio网络编程的一点心得
- zynq-7000系列基于zynq-zed的vivado初步设计之linux下控制PL扩展的GPIO
- 网站或者api服务器,实现一个 RESTful API 服务器
- 云服务器端口管理修改,云服务器端口管理修改
- H5调用移动端手机摄像头
- 中科创达发布融合智能泊车技术于解决方案
- MFC对话框应用程序中谷歌CEF浏览器内核的使用
- Microsoft Store打不开的解决方案
- 圣诞魔术视频特效ae模板