Fovli-CSDN博客

原创 css+html轮播图的实现

body{}label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

2022-11-29 21:14:03 1986 1

absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于上一个设置了定位的父级元素来进行定位，如果找不到，则相对于body元素进行定位。absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于上一个设置了定位的父级元素来进行定位，如果找不到，则相对于body元素进行定位。fixed 生成固定定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于浏览器窗口进行定位。

2022-11-28 19:55:53 295

原创 css浮动布局（基础知识整理）

box-shadow:水平阴影垂直阴影模糊距离（虚实）阴影尺寸（影子大小）阴影颜色内/外阴影(默认，但是不要写这个值)；正方形变成圆 ---- border-radius:宽高的一半(50%)。网页布局要求，标准流不能满足我们的需要了，因此我们需要浮动来完成网页布局。矩形变成椭圆 ---- border-radius值:高度的一半。浮动只会影响当前的或者是后面的标准流盒子，不会影响前面的标准流。标准流--占有位置浮动--- 不占位置(脱标)清除前面的盒子设置浮动后，带给后面盒子的影响。

2022-11-26 18:53:53 263

原创 css盒子模型（基础知识整理-2）

内容区是盒子模型的中心，它呈现了盒子的主要信息内容，这些内容可以是文本、图片等，内容区有三个属性width、height 和overflow。使用width和height属性可以指定盒子内容区的高度和宽度，当内容信息太多，超出内容区所占范围时，可以使用overflow 溢出属性来指定处理方法。CSS盒子模型是在网页设计中常用CSS技术所使用的一种思维模型，CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充和实际的内容，通过对这些属性的设置可以丰富盒子的表现效果。

2022-11-24 20:28:21 186

原创 css盒子模型（基础知识整理）

垂直格式化和水平格式化类似，也有7个相关属性：margin-top，border-top，padding-top，height，padding-bottom，border-bottom，margin-bottom，这7个属性的总和必须等于父级元素的height属性。水平格式化的7大属性是：margin-left，border-left，padding-left，width，padding-right，border-right，margin-right。这7个属性值加起来往往是父级元素的width值。

2022-11-23 21:09:09 348

原创 css文本与字体样式（基础知识整理）

html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。，因为它没有默认单位。incmmmptpcpx：像素em：印刷单位相当于12个点%：百分比，相对周围的文字的大小为什么说像素px是一个相对单位呢，这也很好理解。比如说，电脑屏幕的的尺寸是不变的，但是我们可以让其显示不同的分辨率，在不同的分辨率下，单个像素的长度肯定是不一样的啦。百分比%这个相对单位要怎么用呢？CSS中，有很多。

2022-11-22 20:56:53 638

原创伪类选择器和伪元素选择器（基础知识点整理）

在页面中，有时候同一个元素在不同动作下有不同的样式。比如链接在没有点击的时候有个样式，在鼠标放上去有另外的样式，还有在点击完成以后又会又一个样式。这几种情况下这个链接的标签并没有变化，有变化的只是它的状态，这时候就可以里用伪类来实现这个需求。在浏览器中，伪类的出现是为了向某些选择器添加特殊的效果或限制。伪类是在正常的选择器后面加上伪类名称，中间用冒号(:)隔开。这样设置一个 a 标签样式后，就是鼠标放上去会出现下划线，移走后下划线又会消失。

2022-11-21 20:29:26 3795

原创 css简介及常用选择器（基础知识整理）

CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。标签选择器最大的优点是能快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。最常见的CSS选择器就是元素选择器，也就是标签选择器，也就是在HTML中元素的最基本的选择器。

2022-11-18 20:16:30 545

原创 HTML超链接、列表标签、图片格式以及行内元素与块元素

比如：href="https://gitee.com/HeavyLeaf"，href的值是一个网页的地址。也就是说，如果要跳转到网页的某个位置，就先在这个位置所在的标签设置id属性，然后就可以通过锚链接跳转到这个位置了。对于外部连接通常使用完整的链接，链接必须包含所使用的协议（HTTP，HTTPS等），否则将是一个无效链接。在互联网中，超链接可谓是无处不在，它是各个网页之间的桥梁，使得网页能够进行跳转。上例中，第一个超链接的地址是完整的地址，包含了https协议，因此该超链接是有效的；

2022-11-17 19:45:10 1421

原创 HTML基本概念以及常用标签总结

............

2022-11-16 19:44:50 198

qq_56532050的博客