PyQt4 PySide 输入对话框 脚本之家
Write more, thats all I have to say. Lit...
...
还有 59 人发表了评论 加入8175人围观CSS文章/教程
只用html+css做出会跳动爱心（html写一颗跳动的爱心）
●°彩儿﹏ 发表于2024-04-23 浏览6056 评论0
今天分享一个HTML动画的小技巧，完全用CSS来画一个会动的爱心。动画效用的就是CSS的动画属性，但是爱心图案并不是图片，而是用CSS拼出来的，这个小技巧还是有令人眼前一亮的感觉。
制作，用到css的动画，有比较难的部分都做了注释
先来看一下最终的动态效果图是怎么样的：
下面是代码部分
HTML部分
首先在body中建“heart”类，在heart里添加span标签，使用外链CSS样式。
<!DOCTYPE html>
<html
CSS文章/教程
JS获取img图片的原始尺寸高度和宽度（js获取img图片的原始尺寸高度和宽度）
忽然之间 发表于2024-04-23 浏览7280 评论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 浏览4504 评论0
1.CSS 参考手册
2.元素的分类
首先我们要知道一共有几种元素
1.行内元素（可以与其他行内元素位于同一行，不会以新行开始高度、宽度不能设置）
2.块级元素（每个块级元素都从新的一行开始，其后的元素也另起一行。默认排列方式：从上至下元素的高度、宽度、行高、内外边距都可设置）
3.行内块元素（和其他元素都在一行上元素的高度、宽度、行高、内外边距 都可设置）
3.布局的三大分类
1.float浮动布局
浮动元素的顶部，在标准文档流的底部
对div2进行浮动：浮动元素的
CSS文章/教程
CSS的选择器（超详细！！）（css选择器详解）
财神 发表于2024-04-22 浏览15498 评论0
目录
一、常用的四类选择器（基本）
1、元素选择器
2、id选择器
3、类选择器
4、通配选择器
二、复合选择器（两种）
1、交集选择器
2、并集选择器
三、关系选择器
父子关系：父元素直接包含子元素，子元素直接被父元素包含
祖先后代关系：祖先元素直接或间接包含后代元素
兄弟关系：拥有同一个父元素
四、属性选择器
五、伪类选择器
1.常用的伪类
2、否定伪类
3、元素的伪类
六、伪元素选择器
一、常用的四类选择器（基本）
1、元素选择器
CSS文章/教程
完美解决：flex布局中设置宽度被压缩的问题（flex布局宽度失效）
半梦半醒 发表于2024-04-21 浏览8225 评论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 浏览7089 评论0
一、简介
本文主要是对z-index属性进行详细的讲解，包括其使用场景、属性效果、适用范围等等。本博客的所有代码执行的浏览器环境，都是以Chrome浏览器为准。
1、属性作用
z-index属性是用来设置元素的堆叠顺序或者叫做元素层级，z-index的值越大，元素的层级越高。当元素发生重叠时，层级高的元素会覆盖在层级低的元素的上面，使层级低的元素的重叠部分被遮盖住。
当父元素设置了z-index属性时，子元素的z-index属性只与同级元素和父级元素作比较时才有意义，与其他元素对比时
CSS文章/教程
html设置背景颜色以及背景图片（html设置背景颜色以及背景图片）
漠然、 发表于2024-04-21 浏览6677 评论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 浏览13625 评论0
svg直接作用在页面上
重点：设置svg的fill属性
<html>
<head>
<style>
body {
background-color: #e2e2e2;
}
.svg-img {
width: 100px;
height: 100px;
}
svg path:hover {
fill: skyblue;
}
CSS文章/教程
CSS总结——瀑布流布局（css 瀑布流布局）
xunfish 发表于2024-04-21 浏览11798 评论0
瀑布流布局
瀑布流布局是一种新型的布局方式，可以将大小不一的图片完整的显示在页面上，并且在杂乱的布局中保持着一定的美感，今天学习了一下如何使用瀑布流布局，总结了有以下三种方式。（瀑布流还可以使用grid布局实现，还没有学习过这种方式） 瀑布流的实现方法可以用纯CSS，也可以用JS实现，如何选取决于需求,这几种方法各有优略，如何选取取决于需求。以下案例均采用如下的html代码
<div class="container" id="con">
<div cla
CSS文章/教程
Vue3新属性 — css中使用v-bind（v-bind in css）（vue设置css属性）
情侣 发表于2024-04-21 浏览7848 评论0
Vue3新属性：CSS 中的 v-bind()
写在前面：
本文主要介绍Vue3中的新增的v-bind()的常用使用方式，主要包括在css,less,scss中的使用，可以参考官方文档查看：Vue3官方文档，本文将主要通过一个demo中的使用来展示
实际使用：
先创建一个通过的页面结构，因为是结构是通用内容，所以这里在直接进行简单的定义
<div class="div">
<div class="span">
<div class="s
CSS文章/教程
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
轻语 发表于2024-04-21 浏览9909 评论0
html页面的骨架，相当于人的骨头，只有骨头是不是看着有点瘆人，只有HTML也是如此。
css,相当于把骨架修饰起来，相当于人的皮肉。
js(javascripts),动起来，相当于人的血液，大脑等一切能使人动起来的器官或者其他的。
在刷题之前先介绍一下牛客。Leetcode有的刷题牛客都有，除此之外牛客里面还有招聘（社招和校招）、一些上岸大厂的大佬的面试经验。 牛客是可以伴随一生的编程软件（完全免费），从学校到社会工作，时时刻刻你都可以用到，感兴趣的可以去注册试试可以伴随一
CSS文章/教程
1024程序节|你知道老师上课随机点名是怎么实现的吗
雪先生 发表于2024-04-21 浏览4404 评论0
个人主页：天寒雨落的博客_CSDN博客-C,CSDN竞赛,python领域博主
目录
前言
随机点名
搭建主体框架
简述
执行代码
添加功能
块级元素随机输出姓名
Math.random()
Math.round()
按钮控制开始/结束
onclick()
clearInterval()
简述
完整代码
执行结果
片尾彩蛋
前言
身为程序员的你 ，在老师使用工具随机摇人的时候，你是心里紧张的默念“抽不到我，抽不到我”，还是在琢磨老