E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
伪元素
CSS3新特性和CSS3动画
(3)
伪元素
选择器:选择特定部分的元素,例如::before、::after。(4)多重选择器:使用逗号分隔来同时选择多个元素,例如element1,element2。2
·
2024-02-28 15:03
css3
前端| Day6:Flex布局(黑马笔记)
Day6:Flex布局目录Day6:Flex布局一、标准流二、浮动1.基本使用2.产品区域布局HTML标签CSS样式3.清除浮动场景搭建额外标签法单
伪元素
法双
伪元素
法overfow法三、Flex布局1.
Sunshine.King
·
2024-02-20 19:22
前端
前端
笔记
css3
jq22中部导航栏hover样式
上去的时候,整个盒子的周围边框会从左上角流动到右上角,当鼠标离开,又流回来.所以把代码弄下来,试着玩了一下,这里做一个小结.毕竟以前也用到transition,但是没别人玩的溜啊.需要用到的知识点:1.标签的
伪元素
洋洋袁
·
2024-02-20 18:49
2024前端面试准备之CSS篇(一)
优先级由A、B、C、D的值来决定的,其中它们的值计算规则如下:A的值等于1的前提是存在内联样式,否则A=0B的值等于ID选择器出现的次数C的值等于类选择器和属性选择器和伪类出现的总次数D的值等于标签选择器和
伪元素
出现的总次数
前端fighter
·
2024-02-20 18:09
前端
css
面试
css3
html5
sass/scss基础使用(node|dart-sass区别、安装、搭配VScode的Easy Sass使用、基础语法、变量$、插值#{}、嵌套、父元素&、静默注释、数学运算、循环、混合、继承、函数)
目录Sass|Scss介绍版本(node|dart-sass)区别安装搭配VScode使用EasySass注意设置常见报错Scss(Sass)基础语法变量插值(#{})嵌套伪类、
伪元素
|父元素表示(&)
YF-SOD
·
2024-02-20 10:26
#
Sass/Scss
Scss
Sass使用详解
dart
nodeSass区别
Sass搭配VScod插件使用
Sass基础语法详解
插值
混合
继承
内置函数
2024前端面试准备之CSS篇(二)
全文链接1.什么是伪类和
伪元素
伪类(Pseudo-class):伪类是选择器的一种,用于选择特定状态或条件下的元素。它们以冒号(:)开头,用于向选择器添加额外的特定条件。
前端fighter
·
2024-02-19 21:54
前端
css
javascript
有趣的CSS - 旋转的太极图
目录整体效果核心代码html代码css部分代码完整代码如下html页面css样式页面渲染效果整体效果使用:before、:after
伪元素
以及animation属性画一个顺时针旋转的太极图。
设计师工作日常
·
2024-02-19 21:52
有趣的css
css
前端
css动画
太极图
ui
动效
如何让elementUI的icon图标
伪元素
相对容器居中
这里用一个flex简单方法居中对齐,span作为icon
伪元素
的容器span[class*="el-icon-"]{display:flex;justify-content:center;align-items
啊森森啊
·
2024-02-19 15:13
elementui
前端
javascript
vue动态样式绑定改变
伪元素
等特殊样式(css var函数)
改变样式是我们实际开发中最常做的事情。诸如在css中,我们添加鼠标滑入滑出效果添加不同的样式。诸如在js中,我们根据某个条件,或者触发某个方法,去动态改变某个样式。那么,在vue中,我们更能很轻松的达到这点。看下常见的几种情景:情景一:我们需要根据某个变量是否存在(触发),去动态添加样式描述:当我们点击按钮触发了某个条件,我们需要给对应的元素添加激活效果这里我们通过三目判断某个触发条件的变量是否为
坏丶毛病
·
2024-02-13 09:14
级联样式单与css选择器(下)
级联样式单与css选择器(下)1.
伪元素
选择器css提供的伪类选择器有如下几个::first-letter:该选择器对应的css样式对指定对象内的第一个字符起作用:first-line:该选择器对应的css
枫林晚。
·
2024-02-13 09:22
CSS3.0
伪类选择器
JavaEE学习日志(四十): CSS选择器,CSS属性
JavaEE学习路线(文章总汇)JavaEE学习日志(四十)CSSCSS选择器基本选择器属性选择器包含选择器
伪元素
选择器CSS属性边框属性转换属性字体属性背景属性浮动属性盒子模型注册前端案例CSSCSS
隔叶听风
·
2024-02-13 09:48
前端
JavaEE学习日志
html
css
html5
选择器
属性
(属性、结构伪类、
伪元素
选择器)
在css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢?首先就是属性选择器,我们可以通过属性选择器在同样的标签/类中选择出具有相同属性的元素,不用额外再添加class或者id。比如需要选择出input标签中具有value属性的内容,就可以按以下方式//cssinput[value]{color:#3
一颗冰淇淋
·
2024-02-12 19:47
CSS3简介
在未来会按照模块化的方式去发展:https://www.w3.org/Style/CSS/current-work.htmlCSS3的新特性如下:新增了更加实用的选择器,例如:动态伪类选择器、目标伪类选择器、
伪元素
选择器等等
Muko_0x7d2
·
2024-02-11 01:57
前端开发
css3
CSS中伪类及
伪元素
用法详解
伪类的分类及作用:image注:该表引自W3School教程
伪元素
的分类及作用:image接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的读者可以自己尝试:**
雪妮爸爸
·
2024-02-10 16:08
CSS伪类和
伪元素
语法数量位置类与元素使用场景伪类:多个前方和后方修饰多
伪元素
::单个后方创建对象少使用场景伪类状态类::link:visited:hover:active:focus结构类::first-child:last-child
LBJ辉
·
2024-02-09 23:10
2024年 复习 HTML5+CSS3+移动web 笔记 之CSS遍
3.0CSS第三天选择器、PxCook软件、盒子模型3.1结构伪类选择器3.2
伪元素
选择
PieroPc
·
2024-02-09 22:15
前端
css
html5
【前端web入门第五天】01 结构伪类选择器与
伪元素
选择器
文章目录:1.结构伪类选择器1.1nth-child(公式)2.
伪元素
选择器1.结构伪类选择器作用:根据元素的结构关系查找元素。
小徐要考研
·
2024-02-08 10:07
前端web开发
前端
css
html5
CSS选择器及其优先级
选择器格式优先级权重id选择器#id100类选择器#classname10属性选择器a[ref=“eee”]10伪类选择器li:last-child10标签选择器div1
伪元素
选择器li:after1相邻兄弟选择器
小彭努力中
·
2024-02-06 08:45
css
css
css3
前端
Web前端HTML5&CSS3初学者零基础入门——第四天
开始进入CSS的学习目录1.css简介2.css基本语法3.常用选择器4.复合选择器5.关系选择器6.属性选择器7.伪类选择器8.
伪元素
选择器9.餐厅练习知识一:css简介Documentp{color
please tell me
·
2024-02-06 08:05
#
html
css
web
css样式权重计算规则,CSS 选择器权重计算规则详解
2、内联h1{font-size:20px;color:#123;}3、外部二、选择器类型ID#idclass.class标签p通用*属性[type="text"]伪类:hover
伪元素
::first-line
Darren zzz
·
2024-02-05 18:37
css样式权重计算规则
CSS基础
CSS基础目录CSS基础概述CSS基础语法内嵌用法CSS选择器元素选择器类选择器ID选择器包含选择器组合选择器父子选择器毗邻选择器属性选择器通用选择器CSS基本属性盒模型字体文本背景边框伪类和
伪元素
伪类
Az_plus
·
2024-02-04 21:24
前端
css
前端
微信小程序实现tab选中(特殊圆角)样式
设置单个元素的
伪元素
,
伪元素
部分设置径向渐变思路一:为父元素设置线性渐变背景background:linear-gradient(180deg,#d6001f50%,#fff50%);image.png
苏苏哇哈哈
·
2024-02-04 18:12
伪类选择器和
伪元素
1.正常链接x:link{color:green;}2.访问过的链接x:visited{color:yellow;}注:(只能定义字体颜色,不能定义字号)3.鼠标滑过的链接x:hover{color:skyblue;}4.正在点击的链接x:active{color:black;}5.获取焦点x:focus{backgroud-color:orange;}6.选中的元素x::selection{ba
卑微小利
·
2024-02-04 06:32
css浮动(float)
清除浮动本质语法:清除浮动的方法额外标签法:父级添加overflowafter
伪元素
法双
伪元素
清除浮动1.传统网页布局三种方式网页布局的本质——用CSS来摆放盒子。把盒子摆放到相应位置,CSS提供了
neoxyf2005
·
2024-02-03 11:25
css
前端
CSS3的新盒子,选择器等
伪元素
选择器:
伪元素
也是相当于盒子的。也是拥有很多属性的,但是一定要有conten:
爱踢粪球的虫
·
2024-02-02 16:53
css3
前端
css
css 伪类和
伪元素
伪类Pseudo-class类似于python的装饰器,放在选择器的元素后面,标明元素的某些部分或者属性,情况伪类们实例:MozillaDeveloperNetworka:visited{color:blue;}/*单对于被访问过/*当光标悬停,键盘激活或者锁定,让链接高亮*/a:hover,a:active,a:focus{color:darkred;text-decoration:none;}
伊藤美来
·
2024-02-02 10:58
2020-07-21
css选择器有哪些,选择器的权重的优先级选择器类型1、ID#id2、class.class3、标签p4、通用*5、属性[type="text"]6、伪类:hover7、
伪元素
::first-line8、
coderldf
·
2024-02-01 12:33
【CSS3】flex布局实践篇 | 7种常见网页布局方案
目前的垂直解决方案使用了从负外边距到display:table-cell等荒谬的奇技淫巧,包括全高的
伪元素
。这些方法是又复杂又难写。
子伟-H5
·
2024-02-01 10:45
html5
css3
html标签伪类,伪类
选择器分类在CSS中,选择器可分为以下几类:基本选择器(通配选择
伪元素
和伪类2021-06-1310:05:13
伪元素
和伪类的根本区别:是否创造
初夏之菡
·
2024-02-01 06:41
html标签伪类
实现一个比12px更小的字体,设置一个0.5px的边框
缩放会改变了元素占据的空间大小,触发重排0.5px边框:border+border-image+线性渐变linear-gradient,从上到下,1px,一般为红色,一般为透明色,造成0.5px的错觉定位+
伪元素
前端碎碎念
·
2024-02-01 04:40
HTML+CSS的小知识
前端
CSS3中transition过渡效果(详解)
transition过渡为一个元素在不同的状态之间切换的时候定义过渡的效果例如
伪元素
:hover:activetransition是一个复合属性格式:transition:propertydurationfunctiondelaydiv
IT小庄同学
·
2024-02-01 03:06
css3
javascript
css
前端面试HTML常考问题总结
DOCTYPE(文档类型)标签:head:body:H5新特性伪类和
伪元素
伪类:
伪元素
:html5语义化标签常用语义化标签:其它语义化标签:语义化标签优点:src和href的区别src(同步加载执行)href
turbo夏日漱石
·
2024-01-31 19:47
前端
前端面试
前端
html
【css】设置渐变阴影
css的属性中没有直接设置渐变阴影的,但是可以通过
伪元素
去实现。.
白桃与猫
·
2024-01-30 18:31
css
css
前端
伪元素
中用来相同元素中的某个元素的实际应用
伪元素
中用来选择相同元素中的某个元素的实际应用:first-child选择器选择属于其父元素的首个子元素的每个元素,并为其设置样式:p:first-child{background-color:yellow
时雨.`
·
2024-01-30 14:36
css
前端
css
javascript
【前端】快速掌握CSS-flex布局
文章目录一、标准流二、浮动1.基本使用2.产品区域布局(1)HTML标签(2)CSS样式3.清除浮动(1)场景搭建(2)额外标签法(3)单
伪元素
法(4)双
伪元素
法(5)overflow法三、Flex布局
gravity_w
·
2024-01-30 14:54
前端
前端
css
css3
笔记
经验分享
CSS3
伪元素
、伪类选择器
伪元素
选择器:::first-letter:为某个元素中的文字的首字母或第一个字使用样式。::first-line:为某个元素的第一行文字使用样式。::before:在某个元素之前插入一些内容。
强哥科技兴
·
2024-01-30 03:39
有趣的 CSS - 动态圆点水波纹效果
先看效果整体效果这个效果使用css中animation属性,以及搭配
伪元素
::after、::before来实现两个圆交替变化。核心代码html部分代码label标签画圆点主体。
设计师工作日常
·
2024-01-29 01:44
有趣的css
css
前端
水波纹效果
【前端】快速掌握CSS-盒子模型
文章目录一、选择器1.结构伪类选择器基本使用:nth-child(公式)2.
伪元素
选择器二、PxCook三、盒子模型1.盒子模型-组成2.边框线(1)四个方向相同(2)单方向边框线2.内边距3.尺寸计算
gravity_w
·
2024-01-28 23:43
前端
前端
css
笔记
经验分享
css3
CSS Content 属性的几种妙用和技巧
content属性是CSS中一个非常有用的属性,可以用于插入生成内容,如在::before和::after
伪元素
中添加文本或图标。
设计师工作日常
·
2024-01-28 16:21
前端的诱惑
css
前端
9、css3选择器、阴影、圆角边框、背景、怪异模型
css3选择器:包括:属性选择器、伪类选择器、
伪元素
选择器属性选择器选择所有带有x属性的元素【x】选择所有带有x属性名且属性值是y的元素【x=“y”】选择所有带有x属性名且属性值是包含子字符串y的元素【
@zyf哈哈哈哈
·
2024-01-28 15:42
css3
css
前端
day05-盒子模型
伪元素
选择器作用:创建虚拟元素(
伪元素
),用来摆放装饰性的内容。div::before{ content:"before
伪元素
";}div::after{ content:"after
伪元素
";
是程序喵呀
·
2024-01-28 11:27
WEB前端
css
前端
html
overflow产生的滚动条样式设置
修改overflow产生的滚动条样式,主要可以通过如下三个
伪元素
设置:1)-webkit-scrollbar:设置水平滚动条的高度,垂直滚动的宽度2)-webkit-scrollbar-thumb:设置滚动条里面的滑块样式
_揽
·
2024-01-27 16:13
前端学习笔记
css
html
javascript
web前端-------伪类和
伪元素
伪选择器,分为伪类选择器和
伪元素
选择器两个大类。伪类选择器,简称伪类;
伪元素
选择器,简称
伪元素
。在网页中,有些元素的状态是动态变化的,该元素会根据其状态呈现不同的样式。
阑梦清川
·
2024-01-27 10:26
#前端
前端
动态修改
伪元素
样式
image.png如图的导航,点击切换,下面的横线会滑动到选中的导航下。实现步骤。.activ{&::after{transition:all.5s;content:'';position:absolute;left:var(--left);bottom:-1rpx;width:80rpx;height:4rpx;background-color:#017EFF;}}首先写出横线的样式。这里通过伪
变量只提升声明不提升赋值
·
2024-01-26 03:09
【css】使用
伪元素
实现在DOM元素前面加字母L形式的展开收起样式
前言:平常工作中可能会遇到很多特殊的需求,比如开发个三角、圆形、正方形、长方形、L字母等的图形,很难找到现成的组件使用,所以就需要自己去开发了,比较常用也比较好用的方式是
伪元素
::before(在元素前面添加内容
别拿曾经看以后~
·
2024-01-25 22:23
css
javascript
前端
CSS 实现 flex布局最后一行左对齐的方案「多场景、多方案」
子项宽度固定,每一行列数固定方法一:模拟两端对齐方法二:根据元素个数最后一个元素动态margin场景二、子项的宽度不确定方法一:直接设置最后一项margin-right:auto方法二:使用:after(
伪元素
八了个戒
·
2024-01-25 18:48
前端
前端面试
CSS
系列
css
前端
flex
面试
学习方法
css中~、>、+、[]、:和::详解
文章目录一、`~`二、`>`子代选择器三、`+`兄弟选择器四、`[]`属性选择器五、`:`伪类和`::`
伪元素
5.1、概念5.2、伪类5.3、
伪元素
六、最后一、~p~ul{background:#8e8e8e
小马甲丫
·
2024-01-25 17:44
css
css
前端
13.CSS学习(四)
上一篇:12.CSS学习(三)CSS学习CSS3层次选择器属性选择器
伪元素
选择器权重值圆角阴影文本阴影盒子阴影背景background-size背景大小background-origin背景原点background-clip
Kylincsg
·
2024-01-24 12:41
从零教你学Web前端
css
学习
前端
笔记
经验分享
css3
其他
HTML5+CSS3笔记
文章目录HTML5新增特性:CSS3新增特性:**属性选择器****结构伪类选择器**
伪元素
选择器2、盒子模型:CSS3弹性盒子(flexbox)**flex-direction:****justify-content
Magin_Baron
·
2024-01-24 08:31
html5
css3
今日前端十个知识点——CSS篇(二)
1、
伪元素
和伪类
伪元素
:在内容元素的前后插入额外的元素或样式,但是这些元素实际上并不在文档中生成,只在外部显示可见,不会在文档的源代码中找到它们伪类:将特殊的效果添加到特定选择器上,它是已有元素上添加类别
前端fighter
·
2024-01-24 03:31
前端
css
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他