2.html基础
2021/11/10 23:42:20
本文主要是介绍2.html基础,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
hover:
1. 中间什么都不加 控制子元素;
2. ‘+’ 控制同级元素(兄弟元素);
3. ‘~’ 控制就近元素;
定位三种:
固定定位:相对于浏览器定位
相对定位:相对于原本的位置定位(依然会占据原来的空间)
绝对定位:相对于离它最近的已定位父级定位
浮动能不用就不用,除非是去除空隙
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
solid实线
double双实线
botted 点虚线
dashed 线段虚线
/*margin-left: 50px;
margin-top: 50px;*/
/*margin: 50px 0 0 50px;*/
/*上,右,下,左*/
/*margin: 10px 20px 30px;*/
/*上,左右,下*/
/*margin: 10px 10px;*/
/*上下,左右*/
/*margin: 10px;*/
/*四个方向*/
/*margin: 0 auto;*/
/*左右居中*/
块属性:div,p,ul,ol,li,h1-h6等
特点:1.可以设置宽高
2.不可以与别人共处一行
3.不设置宽度的情况下,宽度为100%
行内属性:span,a
特点:1.不可以设置宽高
2.可以与别人共处一行
3.其宽高由内容撑开
行内块属性:img,input
特点:1.可以设置宽高
2.可以与别人共处一行
overflow需要元素在同一层级,若子元素脱离标准流,也就是层级高于父元素后,就不受父元素的overflow限制.
相对定位:position:relative
绝对定位:position:absolute
这篇关于2.html基础的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-27前端高频面试题详解与实战攻略
- 2024-12-27前端高频面试真题解析与实战指南
- 2024-12-27前端面试实战:初级工程师必备技巧与案例分析
- 2024-12-27前端面试题及答案:新手必备指南
- 2024-12-27前端面试真题及答案解析:初级前端工程师必备指南
- 2024-12-25前端大厂面试真题解析与实战攻略
- 2024-12-25如何准备前端面试:新手指南
- 2024-12-25前端面试题详解与实战攻略
- 2024-12-25前端面试真题详解与实战攻略
- 2024-12-252024前端大厂面试真题详解及备考指南