css3伪类

CSS的:indeterminate伪类：精妙控制不确定状态的样式

CSS的:indeterminate伪类是一个强大但较少为人所知的工具，它允许开发者选择那些处于不确定状态的元素，如未选中但也不完全未勾选的复选框（checkbox）。
哎呦没·2024-08-22 23:14

CSS的:only-child伪类：精准定位单一子元素的样式艺术

:only-child伪类是CSS3中引入的选择器之一，它用于选择一个元素，当且仅当它是其父元素的唯一子元素。这个伪类在处理布局和样式时非常有用，特别是当你需要为具有特定子元素数量的父元素定制样式时。
2402_85758349·2024-08-22 23:44

CSS方向选择的艺术：深入探索:horizontal和:vertical伪类

其中，:horizontal和:vertical伪类是CSSLevel4中引入的两个实验性选择器，它们允许开发者根据元素的方向来应用样式。
2401_85702623·2024-08-22 23:43

27.CSS 伪类是什么? & 屏幕外

CSS伪类是什么?CSS伪类提供了一种根据元素状态的变化来设置样式的方法。例如,:hover可用于在用户的指针悬停在元素上时应用额外的样式。
@大迁世界·2024-08-22 23:41

CSS的:dir()伪类：根据文本方向定制样式的指南

CSS3引入了:dir()伪类选择器，它允许开发者根据元素的文本方向来应用特定的样式规则。本文将详细介绍:dir()伪类的使用方法，并结合代码示例展示其在实际开发中的应用。
2401_85439108·2024-08-22 23:40

[Qt][QSS][上]详细讲解

目录0.前言1.基本语法2.QSS设置方式1.指定控件样式设置2.全局样式设置3.从文件加载样式表4.使⽤QtDesigner编辑样式5.总结3.选择器1.选择器概况2.子控件选择器3.伪类选择器0.前言
DieSnowK·2024-08-22 06:33

520表白html5爱心代码

在HTML5中创建一个带有爱心动画的表白页面，可以通过结合CSS3动画和JavaScript来实现。
youyouxiong·2024-08-21 21:34

CSS的:defined伪类：选择已定义元素的新选择器

CSS（层叠样式表）是控制网页样式的核心语言，随着CSS4的提出，一系列新的选择器被引入，其中:defined伪类便是这些新特性之一。
2401_85743969·2024-08-21 19:48

【大咖力荐 新手必备】软件开发入门，这300篇文章就够了！

进制转换25篇、数据编码25篇；【IP/组网】网关与网段25篇、IP协议26篇、主机与DNS23篇、访问控制37篇；【程序逻辑】JavaScript29篇、常用算法37篇；【Web基础】HTML31篇、CSS32
高校俱乐部·2024-03-24 05:22

页面垂直居中实现方法（HTML/CSS）

方法一：使用Flexbox布局Flexbox是CSS3中引入的一种弹性盒子布局模型，它提供了简单而强大的方式来实现元素的居中对齐。
TdMaster·2024-03-18 12:20

CSS3DRenderer, CSS3DObject, OrthographicCamera API 结合使用案例

CSS3DRenderer,CSS3DObject,OrthographicCameraAPI结合使用案例three.jscss3d-orthographicbody{background-color:
小豆包3D世界·2024-03-17 20:00

网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子

1Flex布局首先聊聊Flex布局，Flex布局又称“弹性布局”，任何容器都可以指定为Flex布局，设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性1.1.1flex-direction：决定项目的排列方向，默认自左向右水平排列.box{flex-direction:row|row-reverse|column|column-reverse;
weixin_39905500·2024-03-17 05:09

HTML5+CSS3小实例：3D分层图像悬停效果

实例：3D分层图像悬停效果技术栈：HTML+CSS效果：源码：【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex;justify-content:center;align-items:center;overflow:hidden;/*渐变背景*/
艾恩小灰灰·2024-03-14 14:53

IntelliJ IDEA 的安装、配置与使用

公司介绍IDEA(https://www.jetbrains.com/idea/)是JetBrains公司的产品，公司旗下还有其它产品，比如：WebStorm：用于开发JavaScript、HTML5、CSS3
坏孩子充电自习室·2024-03-10 19:18

css3-水波浪球起伏效果

body样式css样式*{margin:0;padding:0;list-style:none;}html,body{width:100%;height:100%;}body{display:grid;justify-content:center;align-content:center;background-color:#fff;}.circle{width:150px;height:150px
正在修炼web的小芮·2024-03-10 01:56

css3夜晚星空

css3动画*{margin:0;padding:0;}.container{width:100vw;height:100vh;background-color:#000;}.moon{width:100px
苦逼的猿宝·2024-03-06 15:08

css选择器

说明伪类选择器（如:hover）和属性选择器
xiaobai_cpp·2024-03-02 22:14

css单位中px、em、rem的区别

如果当前行内文本的字体尺寸为被人为的设置，则相对于浏览器的默认字体尺寸，他会继承父级元素的字体大小因此并不是一个固定值3、rem是css3新增的一个相对单位，使用rem为元素设定字体大小时，仍然时相对大小
慢羊羊头上没草·2024-03-02 17:06

CSS3新特性和CSS3动画

CSS3的新特性1.选择器：（1）属性选择器：[属性名][属性名=属性值][属性名^=属性值][属性名$=属性值][属性名*=属性值]（2）伪类选择器：为特定状态的元素添加样式，例如:hover、:active
·2024-02-28 15:03

Chrome DevTools调试技巧

【1】DevTools触发伪类右键单击Elements面板中的元素节点并选择“forcestate”。或者在Sytle子窗格中单击“：hov”图标。
dingFY·2024-02-28 07:32

VSCode设置左侧资源管理器字体大小

1.进入安装目录MicrosoftVSCode\resources\app\out\vs\workbench2.打开文件workbench.desktop.main.css3.搜索.monaco-workbench.part
·2024-02-27 21:20

面试前端性能优化八股文十问十答第二期

优化动画可以通过以下几个方面进行：使用CSS动画：利用CSS3提供的transition和animation属性来实现动画效果，因为CSS动画是由浏览器来执行的，通常比JavaScript动画性能更高。
程序员小白条·2024-02-23 21:41

css+动画优化,css3动画性能优化--针对移动端卡顿问题

一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API(依靠事件和定时器更新)；由于在canvas上以编程方式显示的文本其实就是位图，因此搜索爬行器将完全忽略文本。文本内容也无法被屏幕阅读器识别。2.cs
影子的覆盖·2024-02-23 18:07

带你熟练掌握 css 基础

2.1css的注释2.2格式规范三、选择器的种类四、基础选择器4.1标签选择器4.2类选择器（常用选择器）4.3id选择器4.4通配符选择器五、复合选择器5.1后代选择器5.2子选择器5.3并集选择器5.4伪类选择器六
鸢也·2024-02-20 23:28

web CSS3伪类选择器 :nth-child()

:nth-child()可以选择某个的一个或多个特定的子元素，你可以按这种方式进行选择：:nth-child(length);/*参数是具体数字*/:nth-child(n);/*参数是n,n从0开始计算*/:nth-child(n*length)/*n的倍数选择，n从0开始算*/:nth-child(n+length);/*选择大于length后面的元素*/:nth-child(-n+lengt
worldzhy·2024-02-20 21:11

CSS的伪类选择器:nth-child()

CSS的伪类选择器:nth-child()CSS的伪类选择器:nth-child()是一个非常强大的工具，它允许你根据元素在其父元素中的位置（序数）来选择特定的子元素。
kfepiza·2024-02-20 21:38

openGauss学习笔记-08 openGauss 数据类型

8.6几何类型8.7网络地址类型8.8位串类型8.9文本搜索类型8.10UUID数据类型8.11JSON/JSONB类型8.12HLL数据类型8.13范围类型8.14索引8.15对象标识符类型8.16伪类型
superman超哥·2024-02-20 20:40

HTML5+CSS3小实例：有点小酷的input输入框动画

HTML5+CSS3实现有点小酷的input输入框动画，带动画的输入框，总是让人忍不住去点它。
艾恩小灰灰·2024-02-20 19:38

2024前端面试准备之CSS篇（一）

>类选择器>标签选择器计算示例：优先级由A、B、C、D的值来决定的，其中它们的值计算规则如下：A的值等于1的前提是存在内联样式,否则A=0B的值等于ID选择器出现的次数C的值等于类选择器和属性选择器和伪类出现的总次数
前端fighter·2024-02-20 18:09

webpack5介绍及基本使用（一）

1.1babel配置文件1.2browserslist配置文件2、处理图片、字体、图标等资源文件3、处理**less、scss、css**文件3.1css文件分离3.2处理less/sass文件3.3css3
前端咸鱼翻身·2024-02-20 17:03

HTML5+CSS3小实例：广告灯牌效果的loading动画

实例：广告灯牌效果的loading动画技术栈：HTML+CSS效果：源码：【html】广告灯牌效果的loading动画拼命加载中...【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100vh;/*弹性布局水平+垂直居中*/display:flex;justify-con
艾恩小灰灰·2024-02-20 17:10

php mysql html5_HTML5&CSS3&JavaScript&PHP&MySQL学习笔记

1、在文字间添加一条水平线使用注意该符号不是成对出现的2、用来标记于段落中的较短引用，浏览器会在它之间的语句两端加上双引号。3、可以包含设计者的联系方式或者电话等。P444、链接是由百度一下产生，其中href指定要链接到的地址。P665、如果希望链接网页在新网页中打开，那么需要在第4点中设置target=”_blank”P756、当需要跳转到页面的某个位置时，可使用id属性。P767、新建一个Em
Jakcwin·2024-02-20 13:08

有趣且重要的css知识合集（8）知道子元素，如何修改父元素样式？

这个伪类通过把可容错相对选择器列表作为参数，提供了一种针对引用元素选择父元素或者先前的兄弟元素的方法。
林大大哟·2024-02-20 10:02

sass/scss基础使用（node|dart-sass区别、安装、搭配VScode的Easy Sass使用、基础语法、变量$、插值#{}、嵌套、父元素&、静默注释、数学运算、循环、混合、继承、函数）

目录Sass|Scss介绍版本（node|dart-sass）区别安装搭配VScode使用EasySass注意设置常见报错Scss(Sass)基础语法变量插值（#{}）嵌套伪类、伪元素|父元素表示（&）
YF-SOD·2024-02-20 10:26

CSS3定位与字体

1.定位定位是一种更加高级的布局手段通过定位可以将元素摆放到页面-使用position属性来设置定位可选值：static默认值，元素是静止的没有开启定位relative开启元素的相对定位absolute开启元素的绝对定位fixed开启元素的固定定位sticky开启元素的粘滞定位通过定位可以将元素摆放到页面的任意位置1.1相对定位当元素的position属性值设置为relative时则开启了元素的相
树懒pray·2024-02-20 08:45

css3盒子

盒子模型一.看透网页布局本质二.认识盒子三.盒子的边框（border）1.概念2.简写及分开写法3.合并问题（会相加）4.边框会影响盒子实际大小四.盒子的内边距（padding）1.概念2.简写3.内边距会影响盒子实际大小4.特殊情况（内边距不影响盒子实际大小）5.实际应用（导航栏）五.盒子的外边距（margin）1.概念2.简写（和内边距一样）3.典型应用（使块元素水平居中）4.合并问题（取大）
ldd_eb·2024-02-20 08:11

Itext生成pdf文件，html转pdf时中文一直显示不出来

模板渲染ftl页面,转出的pdf中，css2有些样式好像不支持，比较常用的居中样式都没有效果，text-align:center改造成使用html页面来转pdf，css2的样式可以生效,itext是不支持css3
小池先生·2024-02-20 07:22

CSS position属性sticky

在开发时，经常会碰到需要这样一种情况——网站滚动到一定高度的时候，让一部分内容作为navbar，也就是置顶显示，我们一般会使用js监听scroll事件来实现，但是新增的css3属性position:sticky
天外天-亮·2024-02-20 06:52

前端开发常用技巧（update...）

前端开发常用技巧JS1、JavaScript删除子节点的方法2、JS动态生成div并添加点击事件CSS1、文本溢出处理2、使用伪类添加下划线3、使用伪类添加下划线下划线居中4、输入框默认字体颜色5、CSS
一只程序猿小白·2024-02-20 06:19

CSS3学习（二）

目录：1.字体属性1.1字体系列1.2字体大小1.3字体粗细1.4文字样式1.5字体复合属性1.6总结2文本属性2.1文本颜色2.2对齐文本2.3装饰文本2.4文本缩进2.5行间距2.6总结1.字体属性1.1字体系列使用font-family属性定义文本的字体系列，如果有多个字体，各个字体之间用英文逗号隔开。1.2字体大小使用font-size属性定义字体大小。px（像素）是常用的单位，谷歌浏览器
学习不止，掉发不停·2024-02-20 06:09

[总结]CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。
weixin_30662011·2024-02-20 06:36

CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。
weixin_33994444·2024-02-20 06:36

css3

CSS修改选中文字的颜色html代码：第一段文字选中效果第二段文字选中效果css代码：.p1::selection{background:red;color:#fff;}.p2::selection{background:black;color:red;}选中文字后的效果如图所示：强制文本显示单行显示语法：white-space:nowrap;让一段文字在固定宽度在一行显示，最后一个字符为省略标记
dazhoufu9292·2024-02-20 06:58

css3的var()函数

css3的var()函数变量要以两个连字符--(横杆)(减号)为开头变量可以在:root{}中定义,:root可以在css中创建全局样式变量。
kfepiza·2024-02-20 04:26

7. 多列

1.多列的效果说明：在CSS3中，可以创建多列来对文本或者区域进行布局。
瑟闻风倾·2024-02-20 02:16

CSS3 新属性 cacl()用法解析

**这是一个会计算的属性，特别适合对于自适应还不是很熟练的童鞋calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，你可以使用calc()给元素的border、margin、pading
爱狗的老男蜀黍丶·2024-02-20 01:42

html从零开始8：css3新特性、动画、媒体查询、雪碧图、字体图标【搬代码】

css3新特性div{width:200px;height:200px;background-color:aqua;position:relative;border-radius:20px;/*圆角属性
搬代码·2024-02-20 00:47

css设置背景模糊

就会造成文字和里面的图片都会被模糊化.bgc{height:300px;position:relative;background:#8c8c45;filter:blur(15px);}这里需要在需要设置背景的div的伪类里来设置
riyue666·2024-02-19 22:47

Nextjs styled-jsx animation

Nextjs自带的styled-jsx（v3.2.1）可能是不支持css3动画中@keyframes，多次尝试失败，现在采用把@keyframes写入css文件中，通过页面入口引入，（注意，在组件内部使用
aibinMr·2024-02-19 21:19

2024前端面试准备之CSS篇（二）

全文链接1.什么是伪类和伪元素伪类（Pseudo-class）:伪类是选择器的一种，用于选择特定状态或条件下的元素。它们以冒号（:）开头，用于向选择器添加额外的特定条件。
前端fighter·2024-02-19 21:54
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他