网站建设donglongyun网站关停公告怎么做

张小明 2026/1/11 15:44:31
网站建设donglongyun,网站关停公告怎么做,微信小程序跳转到网站,网站建设分金手指专业十二文章目录一、 伪类#xff08;Pseudo-classes#xff09;1.链接伪类2.用户行为伪类3.结构伪类选择器4.表单伪类二、伪元素#xff08;Pseudo-elements#xff09;三、核心区别一、 伪类#xff08;Pseudo-classes#xff09; 伪类用于选择处于特定状态的元素#xff0c…文章目录一、 伪类Pseudo-classes1.链接伪类2.用户行为伪类3.结构伪类选择器4.表单伪类二、伪元素Pseudo-elements三、核心区别一、 伪类Pseudo-classes伪类用于选择处于特定状态的元素例如用户交互或文档结构中的位置。它们以冒号:开头。1.链接伪类a:link为访问链接的默认样式。a:visited已访问链接的样式。a:hover鼠标悬停在链接上时的反馈。a:active连接被点击时的瞬时状态。代码示例/* 未访问链接的默认样式 */a:link{color:blue;text-decoration:none;}/* 已访问链接的样式 */a:visited{color:purple;}/* 鼠标悬停时的反馈 */a:hover{color:red;text-decoration:underline;}/* 点击瞬间的状态 */a:active{color:green;}2.用户行为伪类:hover鼠标经过元素。:focus获得焦点的元素表单当用户点击或通过键盘如Tab键导航到元素时触发。!DOCTYPEhtmlhtmlheadstyleinput:focus{border:2px solid #ff6b6b;background-color:#fff5f5;}button:focus{outline:3px dashed #20bf6b;}/style/headbodyinputtypetextplaceholder点击获取焦点button测试按钮/button/body/html3.结构伪类选择器:first-child一组兄弟元素中的第一个元素。:last-child一组兄弟元素中的最后一个元素。:nth-child(n)一组兄弟元素列表中第n个元素。n 的取值可以是1.数字。从1开始2.关键字。odd 奇数 even 偶数3.公式。:nth-child(3n) 3的倍数第3.6.9…个元素:nth-child(3n):nth-child(n2)第2个以及以后的元素:nth-child(-n3)前面3个元素注意公式的n取值从0开始计算styletable{width:500px;height:300px;border-collapse:collapse;text-align:center;background:#ccc;}table tr:first-child{background-color:#7ed6ef;}table tr:nth-child(odd){background-color:#fffcfc;}table tr:hover{background-color:#e9abab;}/stylebodytableborder1trth姓名/thth数据/thth日期/th/trtrtd张三/tdtd2/tdtd2003-9/td/trtrtd李四/tdtd2/tdtd2003-8/td/trtrtd王五/tdtd2/tdtd2003-7/td/tr/table/body/html4.表单伪类:disabled表单禁用。:checked选中状态表单复选按钮。/*禁用状态的输入框会显示灰色背景和浅色边框。*/styleinput:disabled{background-color:#f0f0f0;border:1px solid #ccc;}/style/headbodyinputtypetextdisabledplaceholder禁用的输入框/body/html/* 当复选框被选中时关联的标签文本会变为绿色并加粗。*/styleinput:checked label{color:green;font-weight:bold;}/style/headbodyinputtypecheckboxidagreelabelforagree我同意条款/label/body/html二、伪元素Pseudo-elements伪元素用于选择元素的特定部分如首行或内容前后而非元素本身。它们以双冒号::开头CSS3规范但单冒号仍兼容。常见伪元素示例::before在元素内容前插入生成内容。::after在元素内容后插入生成内容。::first-line选择首行。::first-letter第一个字母。::placeholder选择input或者textarea。stylediv{height:100px;width:500px;}div::before{content:开始color:red;}div::before{content:结束color:red;}/style/headbodydiv文字/div/body/html注意事项before和after是插入的伪元素特性类似内联元素。content属性是必须不能省略没有内容空引号即可。后期非常非常常用。比如小图标、各种装饰效果。三、核心区别作用对象伪类针对元素状态伪元素针对元素的部分内容。语法伪类用单冒号:伪元素推荐用双冒号::。内容生成伪元素常与content属性配合生成虚拟内容。
版权声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

网站制作心得体会200字华为手机网站建设策划方案

OpenAI发布GPT-5.2模型,在44项职业任务中超越人类专家,分为三个版本。该模型编码能力大幅提升,在软件工程测试中达80%高分;视觉空间理解精准,长文本处理保持近100%准确率;能处理复杂多轮任务,完…

张小明 2026/1/10 12:11:01 网站建设

泉州网站建设培训机构开通微信公众号要钱吗

本文总结:本文探讨了分布式事务的概念及解决方案。分布式事务指在分布式系统中多个服务协同完成业务时,需确保各服务事务同时成功或失败。针对这一问题,文章分析了多种解决方案:1)2PC/XA协议采用强一致性,通…

张小明 2026/1/10 0:55:49 网站建设

建湖县住房和城乡建设局网站品牌网站建设有哪些内容

第一章:量子计算镜像的性能优化在构建和部署量子计算模拟环境时,镜像性能直接影响算法执行效率与资源利用率。通过对底层架构进行精细化调优,可显著提升量子门操作的并行处理能力与态向量计算速度。优化编译器参数配置 针对量子模拟器常用的C…

张小明 2026/1/10 12:11:03 网站建设

如何建设影视网站首页网站的备案号

5个Dism实用功能让你彻底告别Windows卡顿烦恼 【免费下载链接】Dism-Multi-language Dism Multi-language Support & BUG Report 项目地址: https://gitcode.com/gh_mirrors/di/Dism-Multi-language 你是不是经常遇到电脑运行越来越慢,磁盘空间不断告急的…

张小明 2026/1/10 2:29:56 网站建设

手机可做兼职的网站厦门seo建站

一、系统整体设计方案 本系统以 STC89C52RC 单片机为控制核心,聚焦出租车计价功能的仿真演示,适用于电子教学、实训实验等场景,可模拟出租车 “起步价 里程费 等待费” 的计价逻辑,实现里程模拟采集、等待时间计时、费用实时计算…

张小明 2026/1/10 12:11:04 网站建设

华为做网站吗建筑工程网校哪个好

3B参数掀起企业AI革命:IBM Granite-4.0-H-Micro如何重塑本地化部署格局 【免费下载链接】granite-4.0-h-micro-GGUF 项目地址: https://ai.gitcode.com/hf_mirrors/unsloth/granite-4.0-h-micro-GGUF 导语 IBM于2025年10月推出的3B参数模型Granite-4.0-H-M…

张小明 2026/1/10 12:11:04 网站建设