前端基础THMl知识1 块元素和行内块元素 参考视频链接 块元素:无论内同多少,元素只占一行 (P、h1-h6) 行内元素:内容撑开宽度,左右都是行内元素都可以排成一排(a) 列表 有序列表:<ol> <li>1</li></ol> 无序列表<dl> <dd> 2</dd> </dl> 内联 (<i ...
分类:
Web程序 时间:
2021-02-05 10:55:32
阅读次数:
0
一、浮动: ①、float:left/ right; 二、浮动特性: ①、浮动的元素不占有原先位置,后面没有浮动的元素会挤过来压住浮动的元素。 ②、添加了浮动的元素具有了行内块元素的特性: a、不论什么元素都可以设置宽高。 b、所有浮动元素都在一行显示。 c、没有浮动的块级盒子如果没有设置宽度,他的 ...
分类:
Web程序 时间:
2021-01-13 10:47:37
阅读次数:
0
<el-menu :default-active="element.active" :router="element.router" > <el-menu-item style="margin-left: 150px;" index="/index">首页</el-menu-item> <el-me ...
分类:
其他好文 时间:
2021-01-13 10:42:09
阅读次数:
0
面试题:如何清浮动给浮动元素的父元素手动添加一个固定的高度(不推荐)给浮动元素的父元素设置overflow:hidden/auto.在浮动元素的父元素结束标签之前加一个具有块元素特点的标签(我们一般用 div),给元素加一个clear:both<divstyle=clear:both"></div> ...
分类:
其他好文 时间:
2021-01-11 11:01:44
阅读次数:
0
<img src="https://img2020.cnblogs.com/blog/2216408/202012/2216408-20201213111053901-2074406338.png" width="50%" height="50%"> <!DOCTYPE html> <html la ...
分类:
其他好文 时间:
2020-12-18 12:31:46
阅读次数:
2
<template> <div > <div class="me-message"> <!-- 个人信息 --> <div class="personal-information" style="margin-top:20px"> <b style="margin-left: 30px;margin ...
分类:
其他好文 时间:
2020-12-11 11:49:47
阅读次数:
6
Css的元素显示模式 ##块元素常见的块元素有<h1>~<h6>、<p>、 <div>、 <ul>、 <o|>、 <li>等 ,其中<div>标签是最典型的块元素块级元素的特点:1.比较霸道,自己独占一行2.高度、宽度、外边距以及内边距都可以控制3.宽度默认是容器(父级宽度)的100%4.块元素是一 ...
分类:
Web程序 时间:
2020-11-24 12:46:25
阅读次数:
12
元素居中显示 块级元素居中显示 在body中的某个元素(box1) .box1 { margin: 0 auto; } 通过绝对定位在父容器里居中垂直显示 // 方法一: .box1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0 ...
分类:
其他好文 时间:
2020-11-17 12:18:21
阅读次数:
6
一、块级元素: 1、常见块级元素:h1~h6、p、div、ul、ol、li 2、特点: ①、自己独占一行。 ②、高宽、内外边距都可以控制。 ③、默认宽度时父级宽度。 ④、是一个容器和盒子,里面可以放行内元或者块级元素。 3、注意: ①、文字类元素内不能使用块级元素。 例如:<p>、<h>标签主要用于 ...
分类:
其他好文 时间:
2020-11-13 12:56:47
阅读次数:
7
一、外边距合并 当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,则他们之间的垂直间距不是margin-bottom与margin-top之和,而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷)。 ...
分类:
其他好文 时间:
2020-11-12 13:47:27
阅读次数:
4