css3伪类

web蓝桥杯真题--13、水果摆盘

背景介绍目前CSS3中新增的Flex弹性布局已经成为前端页面布局的首选方式，这次试题将利用Flex实现经典布局效果。准备步骤在开始答题前，你需要在线上环境终端中键入以下命令，下载并解压所提供的文件。
畏迁c·2024-01-25 13:53

day02

+idName{}选择器：可以给多个标签相同的class名；可以给一个标签多个class名“#”+idName{}选择器：每一个id都是唯一的element：hover{}选择器：伪类选择器3.盒子模型
13885f51475b·2024-01-25 10:18

gradient 指定方法

http://www.css-lecture.com/log/css3/css3-gradient.htmlgradientbackgroundに指定することで、ボックスの背景色を線形にグラデーションに
YOBA_80c6·2024-01-25 09:05

【Web前端开发基础】CSS3之空间转换和动画

CSS3之空间转换和动画目录CSS3之空间转换和动画一、空间转换1.1概述1.23D转换常用的属性1.33D转换：translate3d（位移）1.43D转换：perspective（视角）1.53D转换
凌云(mlinyun)·2024-01-25 06:23

【Web前端开发基础】CSS3之Web字体、字体图标、平面转换、渐变

CSS3之Web字体、字体图标、平面转换、渐变目录CSS3之Web字体、字体图标、平面转换、渐变一、Web字体1.1Web字体概述1.2字体文件1.3@font-face规则二、字体图标2.1字体图标2.2
凌云(mlinyun)·2024-01-25 06:17

[精品毕设]PHP实现的书店网站-图书借阅购买购物商城

软件开发环境及开发工具：操作系统：Windows10、Windows7、Windows8开发语言：php前端技术：JavaScript、VUE.js（2.X）、css3开发工具：phpstorm、VisualStudioCode
IT实践课堂·2024-01-25 04:42

[精品毕设]Nodejs实现的微信小程序的校园互助系统-任务悬赏大厅

软件开发环境及开发工具：操作系统：Windows10、Windows7、Windows8开发语言：node.js前端技术：JavaScript、VUE.js（2.X）、css3开发工具：VisualStudioCo
IT实践课堂·2024-01-25 04:42

[精品毕设]PHP实现的电影交流平台

软件开发环境及开发工具：操作系统：Windows10、Windows7、Windows8开发语言：php前端技术：JavaScript、VUE.js（2.X）、css3开发工具：phpstorm、VisualStudioCode
IT实践课堂·2024-01-25 04:41

JAVA电商平台免费搭建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
m0_67544708·2024-01-25 01:41

前端学习路线

CSS3：掌握样式布局，包括选择器、盒模型、定位、响应式设计等，以及CSS3的新特性如动画特效、过渡效果等。JavaScript：理解基本语法、数据类型、变量、函数、流程控制，以及DOM操作。
注孤生程序员·2024-01-24 21:36

HTML5+CSS3+JS小实例：逼真的玻璃卡片悬停效果

制作不易安利给大家前端实用的小实例cv可直接运行使用效果图：HTML：逼真的玻璃卡片悬停效果01CardOneRealisticglasscardhovereffect,realisticglasscardhovereffect,realisticglasscardhovereffect.ReadMore02CardTwoRealisticglasscardhovereffect,realisti
耀南.·2024-01-24 17:32

HTML5+CSS3+JS小实例：音频可视化

制作不易安利给大家前端实用的小实例cv可直接运行使用效果图：HTML：音频可视化css：*{margin:0;padding:0;}body{min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#000;}canvas{width:100%;height:100vh;}aud
耀南.·2024-01-24 17:32

HTML5+CSS3+JS小实例：自适应瀑布流布局

制作不易安利给大家前端实用的小实例cv可直接运行使用效果图：HTML：自适应瀑布流布局
耀南.·2024-01-24 17:32

WOW.js+animate.css让页面滚动时显示动画，使页面更有趣

2.Animate.css非常优秀的CSS3动画库，不依赖于jQuery，纯CSS动画使用方法1、引入文件2、HTML//可以加入data-wow-dur
AMONTOP·2024-01-24 15:51

改变图片颜色

原理就是用到css3滤镜filter中的drop-shadow，该滤镜可以给图片非透明区域添加投影语法：filter:drop-shadow(水平阴影偏移距离垂直阴影偏移距离投射的阴影颜色);1首先准备一张背景色透明的图片如下
weixin_58689699·2024-01-24 15:31

一个大学生学习开始

前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3
newbie_______·2024-01-24 15:22

JAVA电商平台 免 费 搭 建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
微服务 spring cloud·2024-01-24 12:01

【Web前端HTML5&CSS3】07-实战练习

笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录实战练习1.京东图片列表开发准备布局剖析结构搭建样式添加方式1方式2细节完善背景色外边距最终效果核心代码2.京东左侧导航条开发准备布局剖析结构搭建样式添加细节完善文字调整符号调整悬浮样式最终效果核心代码存疑问题
VectorUx·2024-01-24 12:52

HTML5与CSS3学习笔记【第八章 操作样式表】

第八章操作样式表前言8.1.创建外部样式表8.2.链接到外部样式表8.3.创建嵌入样式表8.4.应用内联样式8.5.样式的层叠和顺序8.6.使用与媒体相关的样式表8.7.借鉴他人的灵感前言在开始定义样式表之前，要知道如何创建和使用包含这些样式表的文件。在本章中，你将学习如何创建样式表文件，如何将CSS应用到多个网页（包括整个网站）、单个页面或单独的HTML元素。我们会通过三种方法实现这些应用：外部
Luminous烁·2024-01-24 12:51

14.CSS学习（五）

上一篇：13.CSS学习（四）CSS学习布局多列布局（column）属性设置是否跨列瀑布流布局响应式设计优势不足@media媒体查询弹性盒子(FlexBox)弹性父容器属性设置：弹性子元素属性设置：CSS3
Kylincsg·2024-01-24 12:42

13.CSS学习（四）

上一篇：12.CSS学习（三）CSS学习CSS3层次选择器属性选择器伪元素选择器权重值圆角阴影文本阴影盒子阴影背景background-size背景大小background-origin背景原点background-clip
Kylincsg·2024-01-24 12:41

10.CSS学习（一）

上一篇：9.HTML5CSS学习css基本语法CSS中的颜色CSS的使用方式CSS特性CSS的注释符选择器ID选择器组合选择器后代选择器链接伪类选择器动态伪类选择器权重值字体设置字体系列字体大小字体粗细斜体字体简写格式字体颜色字体下划线字符间距元素的显示模式文本缩进换行隐藏内容水平对齐问题关于继承和自身的默认属性
Kylincsg·2024-01-24 12:11

PostgreSQL 17新特性：PL/pgSQL支持数组%TYPE以及%ROWTYPE

正在开发中的PostgreSQL17即将增加一个新功能：PL/pgSQL支持定义伪类型%TYPE以及%ROWTYPE数组。当我们使用PL/pgSQL编写存储过程或者函数时，可以定义不同类型的变量。
不剪发的Tony老师·2024-01-24 11:54

SASS的了解与使用

Sass扩展了CSS3，增加了规则、变量、混入、选择器、继承、内置函数等等特性。Sass生成良好格式化的CSS代码，易于组织和维护。Sass文件后缀为.scss。
执笔丶画苍生·2024-01-24 09:58

HTML5+CSS3笔记

文章目录HTML5新增特性:CSS3新增特性:**属性选择器****结构伪类选择器**伪元素选择器2、盒子模型：CSS3弹性盒子(flexbox)**flex-direction：****justify-content
Magin_Baron·2024-01-24 08:31

【Web前端HTML5&CSS3】16-过渡与动画

笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录过渡与动画1、过渡2、动画3、实战米兔奔跑的少年弹力球酷炫球过渡与动画1、过渡过渡（transition）通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果
VectorUx·2024-01-24 08:29

【Web前端HTML5&CSS3】18-less简介

笔记来源：尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录less简介1、安装插件2、编写less3、less语法less注释父子关系嵌套变量其他4、混合函数其他5、补充less简介
VectorUx·2024-01-24 08:29

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-8 计算两个数的和

代码计算两个数的和+=100上述代码中，第9行代码绑定oninput事件，用来将计算的结果绑定到标签；第10、12行代码定义id值分别为a和b的数字输入框。运行效果更改输入框中的数字，结果也将发生改变标签用于定义不同类型的输出。
m0_73657966·2024-01-24 07:48

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-9 HTML5 表单验证

代码HTML5表单验证请输入您的邮箱:输入个人网址:上述代码中，当设置type的值为email时，表示验证邮箱；type的值为url时，表示验证URL地址。运行效果表单验证是一套系统，它为终端用户检测无效的数据并标记这些错误，让Web应用更快地抛出错误，优化了用户体验。为了更方便地进行表单页面的开发，HTML5还提供了强大的内置相关正则表达式，当type为email或url等类型的标签时，如果va
m0_73657966·2024-01-24 07:11

Web头歌补充--CSS3-文本外观样式

Web头歌补充CSS3-文本外观样式bdb美食专题栏目p{font-size:16px;font-family:微软雅黑;text-indent:2em;line-height:28px;}.blue{
入 梦皆星河·2024-01-24 06:54

今日前端十个知识点——CSS篇（二）

1、伪元素和伪类伪元素：在内容元素的前后插入额外的元素或样式，但是这些元素实际上并不在文档中生成，只在外部显示可见，不会在文档的源代码中找到它们伪类：将特殊的效果添加到特定选择器上，它是已有元素上添加类别
前端fighter·2024-01-24 03:31

7.前端--CSS-复合选择器

1.什么是复合选择器复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，可以更准确、更高效的选择目标元素（标签）常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等 2.后代选择器定义后代选择器又称为包含选择器
摆脱Loser称号·2024-01-23 21:57

【Web前端开发基础】CSS的结构伪类选择器、伪元素、浮动

CSS的浮动目录CSS的浮动一、学习目标二、文章内容2.1结构伪类选择器2.2伪元素2.3标准流2.4浮动2.5清除浮动2.6拓展（BFC）三、综合案例3.1小米模块案例3.2网页导航案例一、学习目标能够使用结构伪类选择器在
凌云(mlinyun)·2024-01-23 20:27

font-display的使用：控制字体加载和替换

在编写网站的时候，或多或少都会用到一些网络上的字体，CSS3中虽然加入了对WebFonts（网络字体）的支持，但是浏览器对它们的加载和默认处理方式会极大的影响网站的性能和用户体验。
浮游本尊·2024-01-23 17:41

html+css实现漂亮透明的登录页面，HTML实现炫酷登录页面

主题信息布局:Html5和Css3类别:设计,服务颜色:黑色页数:全部在一页中评价:4星兼容浏览器：MicrosoftEd
神码观察·2024-01-23 13:55

css实现伪类三角形气泡框 带边框

带三角形的气泡框.box{width:300px;height:300px;border:10pxsolid#0082df;position:relative;}.box::after{content:"";position:absolute;right:60px;top:300px;width:0px;height:0px;border:30pxsolidtransparent;border-t
每一天，每一步·2024-01-23 11:15

css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况

rem：相对单位，可理解为”rootem”,相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。
zxf13717561643·2024-01-23 08:38

WEB前端伪类选择器以及伪元素选择器

表单补充-->西安咸阳宝鸡渭南提交属性选择器[class="first_div"]{width:100px;height:100px;background-color:aqua;}/*以什么字符开头*/[class^="f"]{background-color:cadetblue;}/*包含某个字符*/[class*="f"]{background-color:red;}/*以什么结尾*/[cla
桔梗.py·2024-01-23 07:56

基于HTML5+CSS3的Web Scada的应用场景

通过简单配置，用户既可以在工控机上实现数据监测和设备控制，也可通过手机、平板等联网终端进行远程监控；对于复杂逻辑则通过二次开发实现，通过最新的Web技术(JavaScript、HTML5、JQuery、CSS3
WebScada·2024-01-23 06:27

WEB前端media查询/font-fize/以及2D变换效果的实现

WEB前端DAY7练习nth-child和nth-type区别nth-child会判断集合中的第n个标签是否是伪类前面的标签nth-type则会根据标签生成合集去其中的第n个标签body>div:nth-of-type
桔梗.py·2024-01-23 06:21

Web前端开发技术 第7-12章

教材：Web前端开发技术——HTML5、CSS3、JavaScript（第3版）储久良编著这是个人的期末复习笔记，纯手动输入，如果有哪里写错了，恳请指点。
崚嶒·2024-01-23 05:24

[HTML]Web前端开发技术13（HTML5、CSS3、JavaScript ）横向二级导航菜单 Web页面设计实例——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言横向二级导航菜单Web页面设计实例总结前言该练的还是要练，终究是自己的！网页标题：二级下拉导航菜单网页的主体部分代码为：使用外部样式表为其设置样式，在CSS文件夹下新建样式表文件style10.css@charset"utf-8";/*CSSDocu
猫佛佛·2024-01-23 05:18

[HTML]Web前端开发技术14（HTML5、CSS3、JavaScript ）鼠标经过图片显示大图 网页标题：表格标签的综合应用——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言鼠标经过图片显示大图网页标题：表格标签的综合应用总结前言坚持就是胜利，加油特种兵！鼠标经过图片显示大图网页主体部分代码为：鼠标经过图片显示大图……新建一个外面样式表”hoverbox.css”放入CSS文件夹中，具体的样式设置如下：/*hoverbo
猫佛佛·2024-01-23 05:18

[HTML]Web前端开发技术15（HTML5、CSS3、JavaScript ）表格，bordercolorlight，frame，valign，rowspan，colspan——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言表格表格表格标记表格标记-语法表格属性设置表格边框样式属性表格单元格间距、单元格边距属性表格水平对齐设置表格行的属性表格行的属性-设置设置单元格的属性设置单元格的属性-单元格跨行、列表格嵌套课后练习网页标题：计算机报价表网页标题：会员注册网页标题：列
猫佛佛·2024-01-23 05:40

CSS简文

CSS被分为不同等级：CSS1（已废弃），CSS2.1是推荐标准，CSS3分成多个小模块且正在标准化中。2.CSS关键概念语言语法和形式特殊性继承级联盒子模型外边距合并包含块初始值，计算值
吴一晏·2024-01-23 04:40

php transform,css3 transform属性详解及transform使用总结

近年来HTML5和CSS3发展迅速，国内外不乏一些大站，酷站都在使用最新的技术，各家厂商的浏览器对它们的兼容性越来越好。CSS3中有一个强大的属性Transform。有了这个特性，各种特效轻松搞定。
凹凸头·2024-01-23 03:11

html中的transform属性,css3的transform属性详解

transform变形属性(主要讨论2D)css3的transform属性可以修改css中可视化模型的坐标空间，元素通过transform属性进行移动(translate)、旋转(rotate)、缩放(
笑活子·2024-01-23 03:11

javaWeb核心技术第五篇之jQuery

-概述-jQuery是一个优秀的javascript框架(js类库)，兼容css3和各大浏览器，提供dom，events，animate，ajax等简易的操作。
小小一技术驿站·2024-01-23 01:57

JAVA电商平台 免 费 搭 建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
微服务商城技术分享·2024-01-22 18:40

HTML5+CSS3小实例：旋转的炫光心形loading动画

实例：旋转的炫光心形loading动画技术栈：HTML+CSS效果：源码：【html】旋转的炫光心形loading动画【css】*{/*初始化*/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/height:100vh;/*弹性布局水平+垂直居中*/display:flex;justify-content:center;
艾恩小灰灰·2024-01-22 16:53
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他