标签: CSS | 前端学习

CSS 未读

行高实现垂直居中

1、单行文本  垂直居中<p class="text">习近平总书记指挥谋划“十四五”——关键之年非凡部署</p>css样式：.text { font-size: 15px; outline: 1px dashed red; height: 30p

CSS 2022-05-06

CSS 未读

遮罩层

拥一个盒子（img-mark）作为遮罩层，当鼠标悬停到图上时，页面会出现一个半透明效果（以半透明的效果盖住图片）<div class="box">  <img src="./img/eye.jpg" alt="">  &l

CSS 2022-05-06

CSS 未读

固定定位

1、固定定位当网页垂直方向高度值很大时，浏览器会出现滚动条，当我们移动滚动条时，页面会卷上去，如果使用固定定位，该位置会一直展现在网页上固定定位是脱标的<div class="b back"></div><div class="top fixed"&

CSS 2022-05-06

CSS 未读

清除浮动

1、给浮动元素的祖先添加高度来清除子元素浮动对布局的影响<ul> <li>html</li> <li>css</li> <li>js</li> <li>h5</li></ul&g

CSS 2022-05-06

CSS 未读

相对定位与绝对定位

1、相对定位（是在标准文档流中的，没有脱标）：就是微调元素位置的。让元素相对自己原来的位置，进行位置调整。<div class="w"> <div class="box"></div> </div>css样式：.

CSS 2022-05-06

CSS 未读

css的浮动和清除浮动

1、浮动元素的一大特点：它之前占标准文档流里的位置，会腾”出来给其他标准文档流中的元素使用! 一个父元素里包裹若干个元素，这些元素是一个集合，这个集合元素中如果所有元素都设置了浮动，且他的父元素足够大，那他们将会在并排显示<!-- div.son.son1+div.son.so

CSS 2022-05-06

HTMLCSS 未读

块级元素和行内元素

1、标签分为两种等级：1）块级元素 ● 霸占一行，不能与其他任何元素并列 ● 能接受宽、高 ● 如果不设置宽度，那么宽度将默认变为父亲的100%。2）行内元素 ● 与其他行内元素并排 ● 不能设置宽、高。默认的宽度，就是文字的宽度。在H

HTML CSS 2022-05-06

CSS 未读

盒模型

1、盒子中的区域 div，但凡是块元素，都可以认为是盒子  一个盒子中主要的属性you：width、height、padding、border、margin。        width是“宽度”的意思，CSS中width指的是内容的宽度，而

CSS 2022-05-06

CSS 未读

权重问题深入

同一个标签携带了多个类名，发生冲突时冲突：同一个标签，同一个属性写在不同的类上，和在标签中的挂类名的书序无关，只和css的顺序有关<p class="w1 w2">你好</p> <p class="w2 w1">欢迎</p&gt

CSS 2022-05-06

你好啊！

大家好，我是梦，一个对前端开发充满热情的人。我创建了这个博客来记录我的前端学习之旅，分享我的经验和见解。我热爱编程，喜欢探索最新的 Web 技术，并乐于将所学到的知识传播给他人。