【静态页面架构】CSS之链接和图像

2021-02-13 04:16

阅读：702

标签：没有小图标 mail back 20px 默认获取 height 打开

CSS架构

一。链接:

链接元素:通过使用a元素的href属性设置跳转到指定页面地址

  
这是个链接

绝对路径与相对路径:

绝对路径:以域名开头，到域名后面可指定具体页面或资源的路径
相对路径:在当前页面与资源处在一个目录就是相对路径
当前页面与资源在子级目录，就是../目标文件
当前页面与资源在父级目录，就是目录文件名/目标文件名
当前页面与资源与父级目录处在同一个目录，就是..目录文件名/目标文件名


这是抖音链接


我的email

锚点:通过a元素的href属性与其他元素的ID属性配合，实现锚点效果


这是顶部















回到顶部

下载功能:以a元素的Download属性链接，用做下载到本地文件


下载图片

动态为类选择器:


这是一个链接

二。图像:

图片元素:以SRC引入图片的路径


 alt="小姐姐">

背景图像:以background-image属性引入一个或多个图像对页面进行显示

平铺方式:background-repeat属性定义页面背景图像的平铺方式

背景关联:background-attachment属性用来设置背景图像是固定的还是跟页面滚轮拖动的


爱新觉罗
Lorem ipsum dolor sit amet, consectetur adipisicing elit

background属性:用来设置多个背景属性的简写属性
精灵图(雪碧图):将一些小图标合成一个图片，进行移动抠图

【静态页面架构】CSS之链接和图像

标签：没有小图标 mail back 20px 默认获取 height 打开

原文地址：https://www.cnblogs.com/10manongit/p/13024158.html

上一篇：http请求

下一篇：【selenium学习中级篇 -26】HTMLTestRunner生成测试报告

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：【静态页面架构】CSS之链接和图像
文章链接：http://soscw.com/index.php/essay/54730.html

评论

亲，登录后才可以留言！

关于我们 | 版权声明 | 常见问题 | 素材投稿 | 联系我们 | 网站地图 |

搜素材网素材除本站原创外均由用户分享，若发现权利被侵害，请联系及时联系我们，我们会在第一时间进行处理。

特别说明：本站所有资源除本站原创外仅供学习与参考，请勿用于商业用途,如有侵犯您的版权请联系客服服务QQ：

点击这里给我发消息

Copyright © 2024 soscw.com 搜素材网素材网版权所有蜀ICP备18015633号-1