文章目录元素的显示与隐藏display 显示visibility 可见性overflow 溢出溢出案例案例：播放图标的显示元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。 最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！display 显示display 设置或检索对象是否及如何显示。disp
原创
2020-07-03 12:50:20
2673阅读
一般来说有两种实现方式 一种是父子组件实时在进行数据传递和获取（即实时获取） 一种是在父组件点击时获取子组件数据，期间父组件并不实时收集子组件变化的数据（即点击时获取） 简述： 注意： 1、子组件调用父组件的方法：将父组件的方法以函数属性的形式传递给子组件，子组件就可以调用 2、父组件调用子组件的方
转载
2020-04-03 16:27:00
980阅读
2评论
1.块元素 块元素一般可以包含其他块元素和内联元素，例如和元素等，当在网页中使用块元素的时候，块元素默认换行显示，在块元素中，可以正常显示所有定义的盒模型属性。2.内联元素 内联元素一般只可以包含其他的内敛元素，例如元素和元素等，当在网页中使用内联元素的时候，内联元素默认同行显示，直到内联元素宽度之和大于容器元素的时候换行显示，在内联元素中，如果定义盒模型的相关属性，部
原创
2022-09-05 16:37:13
336阅读
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{padding: 0px;margin: 0px;} .box1 { width: 50px; height: 50px; padding: 25px; background-color: red; } /*这个为元素的宽高都为150px。内容的宽
原创
2021-11-16 16:27:25
131阅读
CSS伪元素 伪元素是用来添加一些选择器的特殊效果。 伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。实际上，设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文档中，所以叫伪元素。 所有CSS元素 ...
转载
2020-02-10 06:25:00
242阅读
2评论
什么是元素显示模式： 块元素： 行内元素： 特殊的元素：行内块元素 元素显示模式总结： 元素显示模式转换： ...
转载
2021-08-11 21:00:00
136阅读
2评论
1、什么是元素的显示模式元素显示模式就是元素（标签）以什么方式进行显示，比如
原创
2022-09-20 10:39:08
147阅读
css伪元素的使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me
原创
2023-05-31 10:06:27
43阅读
html元素的定位类型分为：固定定位、相对定位、绝对定位和粘性定位在网页布局中，我们可以通过很多中方式来控制页面布局，比如表格布局、flex弹性布局以及浮动布局。但是在这些方法中，我们可能用到了一些辅助技术，那就是定位。元素的定位，用得好，就会带来事半功倍的效果，但是一不小心也会给自己挖坑，自己踩坑。这就需要我们了解各种定位类型中的行为了。我们给元素设置定位，是通过position属性来设置的，它
原创
2022-10-28 04:57:19
627阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> .h
原创
2021-11-16 16:27:26
167阅读
CSS隐藏元素的方法 使用CSS隐藏元素的主要方式有diaplay: none;、opacity: 0;、visibility: hidden;、position: absolute; overflow: hidden;、clip-path: polygon(0 0, 0 0, 0 0, 0 0);
原创
2022-05-28 00:01:05
371阅读
前面有一篇文章讲到在css世界中，html元素的表现都是一个个盒子，而css中盒子的显示方式有三种方式，分别是块元素、行内元素和行内块元素。本文总结这三种显示方式的特征和区别。1 写在前面最近在整理cnblogs上页面的样式，默认右侧【随笔分类】中的标签是每行显示一个，而我想把右侧【随笔分类】中的标签设置为一行显示多个标签，至于显示多少个则随标签的大小而定，并且每个标签在鼠标放上去的时候会有背景颜
1.块级元素 ①默认情况下，块级元素会另起一行 ②块级元素中一般可以放块级元素和行内元素，但是一些文字类的元素里面不能使用·块级元素 ③可以设置宽度和高度 2.行内元素 ①不能设置宽度和高度 ②只能容纳文本或其他行内元素 ③一行上可以放多个行内元素,但是链接里面不能再放链接 3.行内块元素 ①同时具 ...
转载
2021-09-25 23:00:00
176阅读
2评论
元素两种类型。元素模式元素排列设置样式默认宽度块级元素一行只能放一个块级元素可以设置宽度高度容器的100%行内元素一行可以放置多个元素不可以直接设置宽度高度它本身内容的宽度行内块元素一行可以放多个行内块元素可以设置高度和宽度。
原创
2023-07-06 15:53:20
104阅读
1、块级元素、行内元素、文档流通过对每个盒子的外边矩、边框、内边矩、内容、位置的精确控制，CSS可以实现复杂而精准的页面布局。块级元素，这类元素默认有换行效果，典型的如div行内元素，这类元素默认没有换行效果，典型的如span文档流，HTML元素在页面上显示时，根据在源码中出现的顺序，按照从上到下、从左到右、块级元素独占一行、行内元素不换行的规则依次排列。在文档流中的元素会对后续元素的位置产生影响
转载
精选
2016-08-31 21:00:21
1442阅读
本文介绍了css的几个基本选择器——元素、类名、id，以及使用不同选择器的时机，相关区别和具体使用用法
css的主要优点之一就是它能很容易地向所有同类型的元素应用一组样式。当然它是通过选择器来实现这一点的。基本规则结构：语法= 选择器 +声明块 1.元素选择器——直接使用html元素名，指向文档元素 如果想给所有段落都添加缩进的话使用元素选择
我是中国人 数学和物理是一对孪生兄弟，彼此不分家，所以爱因斯坦数学指定不会差。 据外媒报道称，诺贝尔奖官方近日公布了著名物理学家爱因斯坦的数学成绩，以此来回击那些质疑爱因斯坦数学不好的声音。 诺贝尔官方公布的是，爱... ...
转载
2021-05-04 11:59:34
560阅读
2评论
元素隐藏方法： 1.display:none; 2.opacity:0; 3.visibility:hidden; 4.position:absolute;left:无穷大 方法1,2,3的区别: 1.空间占据 display:none 隐藏后不会占据额外的空间，但是它会产生回流和重绘 opacit ...
转载
2021-07-12 10:41:00
865阅读
2评论
转载
2021-06-28 15:22:04
278阅读
块级元素 1.总是从新行开始
2.高度、行高、外边距以及内边距都可以控制
3.宽度默认是浏览器的100%
4.可以容纳内联元素以及其他块元素行内元素 1.和相邻元素在一行上
2.高、宽无效，但是水平方向的padding和margin可以设置，垂直方向无效
3.默认宽度就是它本身内容的宽度
4.行内元素只能容纳文本或其他行内元素（a除外）
注意：
1.只有文字才能组成段落
转载
2021-05-04 22:44:15
202阅读
2评论
