伪元素

Web前端HTML+CSS零基础入门知识总结

内联框架二、CSS基本内容2.1css样式编写规则2.2css语法2.3长度单位2.4颜色单位2.5字体字体分类2.6文本样式2.7行高2.8块元素和行内元素2.9常用选择器伪类选择器(标签名:伪类元素{})伪元素属性选择器子元素选择器兄弟元素选择
Luminous★·2023-11-15 04:16

前端之css3

css3优势：1新增实用的选择器，例如动态伪类，目标伪类，伪元素2新增更好的视觉效果3新增丰富的背景效果4新增全新的布局方案5新增web字体6新增颜色，hsl，hsla，rgba7新增2D和3D变换8新增动画和过渡效果
程序媛刘刘·2023-11-14 21:19

CSS学习笔记03-CSS复合选择器

目录交集选择器并集选择器后代选择器子元素选择器链接伪类选择器结构伪类选择器占位符选择器伪元素选择器属性选择器交集选择器交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。
多啦不能没有梦·2023-11-13 11:48

【笔记】CSS样式和选择器

CSS样式表的优先级CSS选择器CSS简单选择器元素选择器ID选择器类选择器分组选择器通用选择器CSS组合选择器后代选择器子选择器编辑相邻的兄弟选择器一般兄弟选择器CSS伪类选择器常用的伪类选择器CSS伪元素选择器
清蒸砂糖·2023-11-13 11:47

伪类和伪元素（详细介绍）

目录一、引入伪类跟伪元素的原因？二、什么是伪类，伪元素？
宝子向前冲·2023-11-13 07:21

清除css滚动条的间距

如果你想在网页中清除CSS滚动条的间距，可以使用CSS的伪元素选择器::-webkit-scrollbar和::-webkit-scrollbar-track，来针对Webkit浏览器（如Chrome和
咸鱼起码是条鱼·2023-11-13 00:29

前端 移动端中1px 线条变粗解决方案

如果我们直接在CSS中设置边框的宽度为1px，实际上在设备上显示的并不是1px,这是因为不同的手机有着不同的像素密度解决方法：伪元素+tranform:scaleY这种方法是比较常用，兼容性也比较好的，
星河娜美·2023-11-13 00:29

前端场景5__文件上传(前端+后端)

Post后端多文件上传拖拽上传input标签上传完整示例前端后端文件上传样式原生样式自定义样式原理：隐藏input原生按钮，并通过其他与其关联的标签覆盖它，从而达到相同效果，关联标签可以是label或者伪元素点击上传图片显示
chiriwu·2023-11-12 21:05

css爆炸式操作

禁用鼠标事件、移动端禁止图片长按保存功能新增基础的20.横竖屏匹配新增基础的21.硬件加速新增基础的22.移动端屏幕旋转时，字体大小不改变新增基础的23.Animation动画结束时，保持该状态不变新增伪类、伪元素的
霹雳土豆·2023-11-12 13:13

CSS初步学习

CSS初步学习一、CSS二、CSS语法及生效方式三、三种样式&颜色、尺寸与对齐四、BOX&边框与边距五、定位&溢出六、浮动&设置不透明度七、组合选择器&伪类和伪元素八、总结使用CSS需用到VSCode软件
秋雯·2023-11-12 05:45

【基于HTML5的网页设计及应用】——链接伪类选择器和伪元素选择器

个人专栏：算法设计与分析：算法设计与分析_IT闫的博客-CSDN博客Java基础：Java基础_IT闫的博客-CSDN博客c语言：c语言_IT闫的博客-CSDN博客MySQL：数据结构_IT闫的博客-CSDN博客数据结构：数据结构_IT闫的博客-CSDN博客C++：C++_IT闫的博客-CSDN博客C51单片机：C51单片机（STC89C516）_IT闫的博客-CSDN博客基于HTML5的网页设计
IT闫·2023-11-11 14:39

【CSS】伪元素与伪类

CSS伪元素和伪类1.为什么要引入伪元素和伪类？
cannotbecounted·2023-11-10 08:54

CSS布局之浮动和定位

目录1.浮动1.1浮动元素的特性1.2浮动不会压住文字1.3清除浮动1.3.1额外标签法1.3.2父盒子添加overflow属性1.3.3父盒子添加after伪元素1.3.4父盒子添加双伪元素2.定位2.1
Bulut0907·2023-11-09 03:43

CSS 对齐、组合选择符、伪类、伪元素、导航栏

一、CSS对齐：1）、元素居中对齐：水平居中对齐一个元素，可以使用margin：auto，设置到元素的宽度将防止它溢出到容器的边缘。元素通过指定宽度，并将两边的空外边距平均分配。示例：.center{margin:auto;width:60%;border:3pxsolid#73AD21;padding:10px;}2）、文本居中对齐：文本在元素内居中对齐，可以使用text-align：cente
corlin工作室·2023-11-09 03:37

css选择器基本介绍

css选择器基本介绍根据获取页面中元素的不同，目前css选择器主要分为五类：基本选择器，组合选择器，伪类选择器，伪元素和属性选择器。
我的梦想我追求·2023-11-08 06:24

CSS学习笔记-CSS选择符\CSS伪类\CSS伪元素\CSS特指度

Chapter2CSS工作原理CSS注释语法：/*注释*/2.1剖析CSS规则规则实际就是一条完整的CSS指令，声明了要修改的元素和要应用给该元素的样式比如以下规则把文本设成红色p{color:red;}为文档添加样式的三种方法1、行内样式blabla行内样式只影响它所在的标签，会覆盖嵌入样式与链接样式2、嵌入样式h1{font-size:12px;}p{color:red;}作用范围为当前页面，
Moplit·2023-11-06 00:28

2.1 CSS 简介特性

CSS3在未来会按照模块化的方式去发展:CSScurrentwork&howtoparticipateCSS3的新特性如下:新增了更加实用的选择器，例如:动态伪类选择器、目标伪类选择器、伪元素选择器等等
HuaLuLemon·2023-11-05 23:24

初识CSS层叠样式表

CSS层叠样式表1.CSS组成2.CSS语法结构3.注释语法4.引入CSS的多种方式CSS选择器1.CSS基础选择器2.CSS组成选择器3.分组与嵌套4.CSS属性选择器5.CSS伪类选择器6.CSS伪元素选择器选择器优先级
0Jchen·2023-11-05 19:26

HTML+CSS阶段知识点梳理

简单的网页结构二、常用标签三、列表四、CSS引入方式五、常用选择器1、标签（元素）选择器2、id选择器3、class选择器4、通配选择器5、复合选择器6、关系选择器7、属性选择器8、伪类选择器9、a元素的伪类10、伪元素选择器
诗霖雪·2023-11-05 14:33

HTML5+CSS3

1.10内联框架1.11音视频2.CSS基础2.1CSS简介2.2CSS基本语法2.3CSS选择器基础2.4CSS的复合选择器2.5关系选择器2.6属性选择器2.7伪类选择器2.8a元素的伪类选择器2.9伪元素选择器
BUG_devil·2023-11-05 06:54

CSS入门介绍

目录一.CSS1.属性选择器2.分组和嵌套选择器3.伪类选择器4.伪元素选择器5.选择器的优先级二.CSS属性相关1.宽和高2.字体属性（1）font-weight用来设置字体的字重（粗细）（2）文本颜色
老登，快爆金币·2023-11-04 11:55

CSS：CSS的优化

提升css渲染性能谨慎使用expensive属性比如nth-child伪元素，position:fixed,position:absolute等，因为这些是比较耗费浏览器的性能的减少样式层级数尽量避免使用占用
meow_possion·2023-11-04 06:20

uniapp之屏幕右侧出现滚动条

中有没有内容,都撑开屏幕高的高度*/height:100vh;overflow:auto;}.content::-webkit-scrollbar{/*::-webkit-scrollbarwebkit的伪元素
火红_·2023-11-03 02:18

CSS选择器

选择器属性选择器文档结构选择器伪类选择器结构伪类选择器CSS选择器CSS优先级优先级是由ABCD的值来决定的如果存在内联样式，那么A=1,否则A=0;B的值等于ID选择器出现的次数C的值等于类选择器和属性选择器和伪类出现的总次数D的值等于标签选择器和伪元素出现的总次数通配符
nuise_·2023-11-02 16:23

前端CSS

CSS流程CSS前言CSS层叠样式表1.CSS组成2.css语法结构3.注释语法4.引入css的多种方式CSS选择器1.CSS基本选择器2.CSS组成选择器3.分组与嵌套4.属性选择器5.伪类选择器6.伪元素选择器选择器优先级
A_baio·2023-11-02 02:49

CSS进阶：HTML5/CSS3（接上篇CSS）

HTML5/CSS3文章目录HTML5/CSS3HTML5CSS伪类1.CSS伪元素——::after/::before2.CSS伪类——清除浮动影响父元素兄弟元素的布局清除浮动3.CSS伪类——事件伪类
郝郝郝郝_七·2023-11-02 02:15

前端基础之CSS

目录一、CSS介绍CSS语法CSS注释CSS的几种引入方式二、CSS选择器基本选择器组合选择器属性选择器分组和嵌套选择器伪类选择器伪元素选择器选择器的优先级三、CSS属性相关宽和高字体属性文字属性背景属性边框
ζ浅安时光·2023-11-01 17:20

伪元素添加点击事件

如图项目需要在一个textarea中写一个按钮并触发点击事件,且不能影响外层textarea的点击事件,因此下面的css方法无法使用外层css:pointer-events:none;伪元素css:pointer-events
橘哥哥·2023-11-01 01:23

CSS属性选择器、关系选择器、伪类选择器、伪元素选择器

CSS选择器属性选择器种类用法关系选择器种类用法伪类选择器种类用法a标签的伪类伪元素选择器种类用法属性选择器属性选择器可以根据元素的属性及属性值来选择元素。CSS3中新增了3种属性选择器。
星河梦~·2023-10-30 23:22

自学前端第十五天:伪类伪元素和属性选择器和精灵图

#一.基础伪类选择器(也是交集选择器一种,优先级也要叠加)1.概念:某个选择器的镜像,当光标移动到盒子时会触发新的一面不同的效果,但是是短暂的而已2.作用:伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果。3.优先级权重:伪类分值和类名选择器一样是0,0,1,0分的,因此a:hover叠加=0,0,1,1(很重要!!!)4.伪类语法结构:①类选择器是一个点比如.demo{}②而我们
AKA俄语人Лев·2023-10-30 23:51

CSS(一)选择器

中使用CSS①内联样式②嵌入样式③外部样式二、响应式（了解）三、基础选择器四、层次选择器五、伪类选择器（自）六、动态伪类选择器（自）七、目标伪类选择器（自）八、结构伪类选择器（自）九、否定选择器（自）十、伪元素
faramita_of_mine·2023-10-30 23:44

CSS语法及常用选择器

可以出现的位置CSS的语法△CSS常用选择器一：元素选择器二：id选择器三：类选择器四：并集选择器（选择器分组）五：交集选择器（复合选择器）六：通配选择器七：后代元素选择器八：子元素选择器九：伪类选择器十：伪元素选择器十一
楠哥学IT·2023-10-30 23:12

前端技术知识（含八股）总结 - 持续更新中

属性/transition/继承属性（如字体文字类的属性大部分有继承）/行内元素和块级元素/html的dom事件1.3BFC1.4元素水平垂直居中1.4隐藏页面中某个元素1.5页面布局方式1.6伪类、伪元素
Xiaobaiforgod·2023-10-30 07:54

前端笔记与经验 (遇到就更新内容）

打开新的浏览器标签页查看图片6js插件之图片缩放插件Zooming（element-ui里的image组件有大图预览的功能）7禁止刷新的时候页面向右移动8文字不能被选中9元素向右延伸动画10实现鼠标悬停（hover）时才出现伪元素样式
坐等夕阳落time·2023-10-29 04:18

WEB前端优化--HTML/CSS优化

前端优化系列优化1：能用HTML/CSS解决的问题就不要用JS1.1导航高亮1.2鼠标悬浮显示1.3自定义radio/checkbox的样式1.4需要根据个数显示不同样式其他css画三角形优化2：尽可能使用伪元素例
wjyGrit·2023-10-27 08:29

用伪元素 ::after和线性背景 linear-gradient画虚线

&-item::after{position:absolute;content:"";bottom:0;left:16px;right:16px;background:linear-gradient(toright,#d5eafc50%,transparent50%);background-size:5px1px;background-repeat:repeat-x;background-posi
少吃一口都不行·2023-10-27 01:39

图解CSS伪类和伪元素

1简介伪类和伪元素都属于CSS选择器的附加关键字，在形式上，用单冒号:表示伪类，用双冒号::表示伪元素，如：//伪类div:hover{}//伪元素div::after{}注意：由于历史遗留问题，伪元素
syzdev·2023-10-26 07:14

Web前端——CSS伪类和伪元素

CSS伪类：1.伪类的概念：可以理解为描述元素的某种状态，用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。2.伪类的语法：标签:伪类{设置的样式，伪类可以与CSS类配合使用}/*鼠标覆盖在元素上面显示红色*/div:hover{background-color:red;}3.伪类的常用实例设置鼠标悬停在元素上时的样式为已访问和未访问链接设置不同的样式设置元素
枕鸿·2023-10-26 07:13

css常用伪类和伪元素

伪类：用于元素处于某种状态下为其添加对应的样式伪元素：用于创建一些不在DOM树中的元素，为其添加样式区别：有没有创建一个文档之外的元素使用：css中两种均用":"，css3中伪元素用"::"。
来自晓的男人x·2023-10-26 07:12

CSS伪类和伪元素

什么是伪类和伪元素伪类和伪元素是用来修饰不在文档树中的部分伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。
K可。乐L·2023-10-26 07:42

【CSS】伪类和伪元素

hover：悬停active：激活focus：获取焦点:link：未访问（链接）:checked：勾选（表单）first-child：第一个子元素nth-child()：指定索引的子元素（even偶odd奇）伪元素
小谢sd·2023-10-26 07:40

2023高频前端面试题-CSS

标签选择器优先级的计算：优先级是由A、B、C、D四个值来决定的，具体计算规则如下A={如果存在内联样式则为1，否则为0}B={ID选择器出现的次数}C={类选择器、属性选择器、伪类选择器出现的总次数}D={标签选择器、伪元素选择器出现的总次数
star@星空·2023-10-25 20:49

Web前端零基础入门HTML5+CSS3学习笔记补充

blockquote块引用语义化标签（了解）超链接图片标签和图片格式（了解）内联框架标签iframeCSS选择器补充1.兄弟元素2.属性选择器3.伪类补充选择第几个元素来进行修饰选择器名:not()超链接的伪类伪元素
木子与金与玉·2023-10-21 03:28

那么你面试必须知道的H5C3知识点

解释一下这2个伪元素的作用。5、ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉6、：webkit表单输入框placeholder的颜色值能改变吗？
东方青云、·2023-10-20 20:53

css 梯形，平行四边形布局

思路：通过伪元素形成三角形进行定位，通过margin控制间距Document.container{display:flex;margin-bottom:40px;}.box{width:150px;height
sometime`something·2023-10-19 13:35

css3倾斜的平行四边形,CSS3技巧之形状（平行四边形）

嵌套元素方案对容器内容再应用一次反向的skewX()变形，从而抵消容器的变形效果来看一下html和css具体代码伪元素方法上面
樱花霁·2023-10-19 13:05

CSS实现平行四边形

平行四边形文章目录平行四边形背景知识难题嵌套元素方案伪元素方案总结时间有三种步伐：未来姗姗来迟，现在象箭一样飞逝，过去永远静止不动。
妙趣前端·2023-10-19 13:04

css画平行四边形、三角形、梯形

需求：导航栏，有的标题栏需要使用平行四边形、梯形，三角形应用的场景也比较多（面试）思想：使用伪元素覆盖父元素，将背景颜色添加在父元素的底部设置index=-1，让父元素的内容显示平行四边形----导航栏博客园首页新随笔联系订阅管理三角形梯形
yy_33404590·2023-10-19 13:32

【Java 进阶篇】HTML DOM样式控制详解

这篇博客将详细介绍HTMLDOM样式控制，包括什么是样式、如何使用内联样式、如何操作类名、如何修改元素的样式属性，以及如何处理伪类和伪元素。无需担心，我们将从基础开始，逐步深入。什么是样式？在网
繁依Fanyi·2023-10-19 07:14

Web前端—盒子模型：选择器、PxCook、盒子模型、正则表达式、综合案例（产品卡片与新闻列表）

版本修改说明20231018初版目录文章目录版本说明目录盒子模型01-选择器结构伪类选择器基本使用:nth-child(公式)伪元素选择器02-PxCook03-盒子模型盒子模型-组成边框线四个方向单方向边框线内边距尺寸计算外边距版心居中清除默认样式元素溢出外边距问题合并现象外边距塌陷行内元素
放下华子我只抽RuiKe5·2023-10-18 23:55
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他