外链论坛

 找回密码
 立即注册
搜索
查看: 103|回复: 2

【每日练习02】纯CSS弹窗(HTML+CSS)

[复制链接]

2711

主题

176

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99100207
发表于 2024-6-29 12:25:33 | 显示全部楼层 |阅读模式

前言

new knowledge 比较多,多复习哦!

起始有些难理解,最要紧的是 :target伪类选取器的运用

思路:运用CSS的 :target伪类选取器、visibility属性(visible/hidden) 来实现、还用了些transition动画

总结

在所有现代浏览器中,其默认的字体体积便是“16px”,若font-size未设置,则1em=16px,若font-size已设置为20px,则1em=20px,0.5em=10px,2em=40px

2. visibility: hidden和display: none 在功效、对HTML元素的影响、定义上有所区别

visibility: hidden----将元素隐匿然则在网页中该占的位置还是占着。

display: none----将元素的表示设为,即在网页中不占任何的位置。

3. 相对/绝对/固定定位的运用 【CSS小谈】

4. a标签中的 特殊符号 能够用CSS font-size来调体积

问题:

css :target 选取功效还没弄清楚!!--参考码笔网- :target伪类选取器的运用练习

(已处理)关闭怎么实现的呢?关闭按钮运用 a的href="#" 点击后会刷新网页,实现关闭

源代码及效果:

码笔网-在线代码编辑器和前端Web研发人员的社交平台

参考

CSS3 bac公斤round-size 属性css3自适应布局单位vw,vh你晓得多少? - Tom_Lo - 博客园CSS3 bac公斤round-clip 属性//https://www.runoob.com/try/try.php?filename=trycss3_background-clipCSS中的em运用详解,1em等于多少像素?_jingru2017的博客-CSDN博客_css emCSS visibility 属性/https://www.nhooo.com/run/css-visibility-property.htmlCSS3 :target 选取CSS overflow 属性 | 菜鸟教程CSS3 @media查找 | 菜鸟教程码笔网- :target伪类选取器的运用练习
回复

使用道具 举报

0

主题

936

回帖

3

积分

新手上路

Rank: 1

积分
3
发表于 2024-8-22 11:05:24 | 显示全部楼层
外链发布论坛学习网络优化SEO。
回复

使用道具 举报

1

主题

826

回帖

-1

积分

限制会员

积分
-1
发表于 2024-8-22 21:40:38 | 显示全部楼层
外贸论坛是我们的,责任是我们的,荣誉是我们的,成就是我们的,辉煌是我们的。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-10-5 10:55 , Processed in 0.068191 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.