数据仓库
Everything is very open with a precise e...
...
还有 39 人发表了评论 加入6292人围观CSS文章/教程
JavaScript第二个分水岭——对象
田羽-13804166949 发表于2024-04-26 浏览15061 评论0
📜个人简介
⭐️个人主页：微风洋洋🙋♂️ 🍑博客领域：编程基础,后端 🍅写作风格：干货,干货,还是tmd的干货 🌸精选专栏：【JavaScript】 🚀支持洋锅：点赞👍、收藏⭐、留言💬
好久不见，甚是想念！ 大家好！我是微风洋洋 芜湖，起飞🚀
上次情人节，我帮没有对象的大兄弟好好的介绍一下对象，结果到现在还没有搞定对象，我有点失望，方法都交给你了，你怎么还没搞定呢，算了女神节快来了，再助他一臂之力吧！
上期传送门听说你情人节没人陪，这不我来给你介绍对象啦❤️❤️❤
CSS文章/教程
经典css系列面试题。（css常用面试题）
adgdaggd 发表于2024-04-26 浏览11920 评论0
1、对BFC规范（块级格式化上下文）的理解
BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响
BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。
怎么触发BFC
1. float的值left或right
2. overflow的值不为visible（默认）
3. display的值为inline-block、table-cell、table-caption
4. position的值为absolu
CSS文章/教程
CSS Reset & Modern CSS Reset
小海 发表于2024-04-25 浏览6704 评论0
目录
什么是CSS Reset？
CSS Reset为什么存在？
CSS Reset该怎么写？
CSSReset示例
1.淘宝（CSS Reset）：
2.百度（CSS Reset）：
Modern CSS Reset
核心观点
整个 Reset 的源码比较简单：
其中一些比较有意思的点，单看盒子模型：
再看看在用户体验及可访问性方面的一些做法：
结合实际环境
小结
什么是CSS Reset？
CSS Reset，又叫做 CSS 重写或
CSS文章/教程
CSS简单的图片居中（css 图片居中）
nobody 发表于2024-04-23 浏览22164 评论0
图片的居中显示 css 有很多方法，但在很多情况下有的方法无效，这是件很头疼的事情，比如
一般设置图片属性
text-align:center
水平居中，但这个方法经常无效，很多前端工程师都有研究过或者说是搜索过
CSS 图片居中方法吧。
但其实CSS 图片居中有多种不同的情况，也有多种不同的解决方法，具体方法如下所示：
图片居中又分为水平居中和垂直居中
提示：在你开始阅读以下内容之前，你可以先了解CSS图片的基础内容。
一、水平居中：
1、单独文字垂直居中我们只需要设
CSS文章/教程
只用html+css做出会跳动爱心（html写一颗跳动的爱心）
●°彩儿﹏ 发表于2024-04-23 浏览6053 评论0
今天分享一个HTML动画的小技巧，完全用CSS来画一个会动的爱心。动画效用的就是CSS的动画属性，但是爱心图案并不是图片，而是用CSS拼出来的，这个小技巧还是有令人眼前一亮的感觉。
制作，用到css的动画，有比较难的部分都做了注释
先来看一下最终的动态效果图是怎么样的：
下面是代码部分
HTML部分
首先在body中建“heart”类，在heart里添加span标签，使用外链CSS样式。
<!DOCTYPE html>
<html
CSS文章/教程
JS获取img图片的原始尺寸高度和宽度（js获取img图片的原始尺寸高度和宽度）
忽然之间 发表于2024-04-23 浏览7278 评论0
方式一：obj.style.width
通过img对象的style属性获取，如果没有设置style，将返回空
<img class="image"
style="width: 100px; height: 200px;"
src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-091307%2Fntplrtyw2bvnt
CSS文章/教程
Css 常用布局方式（css常用布局方式）
笃行致远 发表于2024-04-23 浏览4503 评论0
1.CSS 参考手册
2.元素的分类
首先我们要知道一共有几种元素
1.行内元素（可以与其他行内元素位于同一行，不会以新行开始高度、宽度不能设置）
2.块级元素（每个块级元素都从新的一行开始，其后的元素也另起一行。默认排列方式：从上至下元素的高度、宽度、行高、内外边距都可设置）
3.行内块元素（和其他元素都在一行上元素的高度、宽度、行高、内外边距 都可设置）
3.布局的三大分类
1.float浮动布局
浮动元素的顶部，在标准文档流的底部
对div2进行浮动：浮动元素的
CSS文章/教程
CSS的选择器（超详细！！）（css选择器详解）
财神 发表于2024-04-22 浏览15496 评论0
目录
一、常用的四类选择器（基本）
1、元素选择器
2、id选择器
3、类选择器
4、通配选择器
二、复合选择器（两种）
1、交集选择器
2、并集选择器
三、关系选择器
父子关系：父元素直接包含子元素，子元素直接被父元素包含
祖先后代关系：祖先元素直接或间接包含后代元素
兄弟关系：拥有同一个父元素
四、属性选择器
五、伪类选择器
1.常用的伪类
2、否定伪类
3、元素的伪类
六、伪元素选择器
一、常用的四类选择器（基本）
1、元素选择器
CSS文章/教程
完美解决：flex布局中设置宽度被压缩的问题（flex布局宽度失效）
半梦半醒 发表于2024-04-21 浏览8223 评论0
问题描述：
在父级中设置了display:flex;父元素宽度不够的时候，子元素就算设置的宽度，也会被压缩；
产生原因：
当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩
解决方法: 给固定宽度的元素添加flex-shrink:0
flex-shrink:0;
实例解析：
flex-shrink的默认值为1，如果没有显示定义该属性，将会自动按照默认值1在所有因子相加之后计算比率来进行空间收缩。
本例中A、B、C 显式定义了 flex-shrink 为
CSS文章/教程
CSS 之 z-index 属性详解
。 发表于2024-04-21 浏览7088 评论0
一、简介
本文主要是对z-index属性进行详细的讲解，包括其使用场景、属性效果、适用范围等等。本博客的所有代码执行的浏览器环境，都是以Chrome浏览器为准。
1、属性作用
z-index属性是用来设置元素的堆叠顺序或者叫做元素层级，z-index的值越大，元素的层级越高。当元素发生重叠时，层级高的元素会覆盖在层级低的元素的上面，使层级低的元素的重叠部分被遮盖住。
当父元素设置了z-index属性时，子元素的z-index属性只与同级元素和父级元素作比较时才有意义，与其他元素对比时
CSS文章/教程
html设置背景颜色以及背景图片（html设置背景颜色以及背景图片）
漠然、 发表于2024-04-21 浏览6674 评论0
背景颜色
backgroud-color:transparent color
transparent : 背景色透明 color : 指定背景颜色
直接设置标签的style属性（行内样式）
例：将这个段落的背景设为红色
用选择器进行设置（内嵌样式、外链样式）
例（采用了内嵌样式的行内标签）：
颜色的表达方式有四种：(直接写颜色单词、#+十六进制数、rgb(x,x,x)、rgba(x,x,x,x)最后一位代表颜色的透明度）
例：四种表达方式（为div盒子
CSS文章/教程
使用svg并改变其颜色（svg 改变颜色）
xunfish 发表于2024-04-21 浏览13621 评论0
svg直接作用在页面上
重点：设置svg的fill属性
<html>
<head>
<style>
body {
background-color: #e2e2e2;
}
.svg-img {
width: 100px;
height: 100px;
}
svg path:hover {
fill: skyblue;
}