CSS样式表、锚点

本文详细介绍了CSS样式表的三种类型:内部样式表、行内样式表和外部样式表,强调了它们的特点和适用场景。内部样式表使HTML和CSS混合,不利于代码复用;行内样式表常用于测试,与JS可能冲突;外部样式表则实现内容与样式的分离,便于复用和维护。此外,还提到了页面定位(锚点)的使用和URL路径的区分。
摘要由CSDN通过智能技术生成

css样式表分类
一.内部样式表:

特点: 1.没有了样式表,在某些时候可以提升效率 2.多个页面难以共享样式,不利于代码复用 3.html和css代码混杂,不利于程序员和搜索引擎阅读 4.在某些对效率要求苛刻 时候不利于复用

二.行内样式表、内嵌样式表:

行内样式表测试
特点: 1.没有了样式表,在某些时候可以提升效率 2.多个页面难以共享样式,不利于代码复用 3.html和css代码混杂,不利于程序员和搜索引擎阅读 4.与jS冲突,一般不用 5.在测试场景下使用 三.外部样式表 特点: 1.实在内容结构和表现形式代码分离,方便复用和维护 2.使html代码更加纯净,有利于程序员好搜索引擎的阅读 3.是开发页面的常见做法,便于批量修改和复用

锚点:页面定位、跳转

1.需要跳转的页面/标题里面加id,a标签里面加#id值
举例:标题一

标题一

实现点击a链接跳转到h1所在页面位置

a标签的打开方式是属性target 属性值:_blank:新页面打开 , _self:当前页面打开(默认值)
举例:新窗口打开页面二

相对路径和绝对路径:
绝对路径:c:/文件夹/img/xxx.png(从盘符地址出发),不需要考虑引用者在哪里 (协议) 域名/xxx/xxx/xxx.png
相对路径:img/xxx.png (引用者从当前文件夹出发,与img在同一个文件夹里)只能用于站内资源
./(当前文件夹位置,可省略) 路径 .//(返回上一级目录).//.//img/xxx.png
判断是哪种路径:
地址第一个如果是 / 肯定是绝对路径,省略了域名;如果是./ …/ 或无标记,都是相对路径。
区别:
访问站外资源,只能使用绝对路径
访问站内资源,(推荐使用相对路径) 若网站已部署到服务器,可以使用绝对路径,并可以省略协议和域名

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值