css外部样式的reset.css是干嘛的?

html-css09

css外部样式的reset.css是干嘛的?,第1张

Reset是重置的意思。

现在的浏览器五花八门,光ie就有好多版本,还有火狐,Chrome等等。每个浏览器的默认样式也是不同的。所以就要考虑一个兼容问题。比如你用ie打开网站正常,但是用火狐或其他浏览器打开的时候,网站就变形了。这些都属于兼容问题。

为了避免这种问题,我们需要把一些常用的html标签重置(CSS Reset),将它们统一定义,就可以产生相同的显示效果。比如:

html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, abbr,del, dfn, em, img, ins,strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, object, col, colgroup, caption, summary, tbody, tfoot, thead, th{margin:0padding:0border:0}

这个方法让所有的选择器的padding、margin和border都设置成0。

当然。reset.css只是一个名字,方便阅读,标准一些而已。你可以自己随意命名。

详细信息可以阅读http://baike.baidu.com/link?url=N09ph5vvUafzfyWHAGPXNu0ACSwTLd3qbNc8xqRBkoeSOHAdfcG3mH3jajW7pvUQy-LM0Njv2a0mgIgrvbYNSa

print(response.css('div.project-list a::attr(href)').extract())

以这一行代码为例,尝试将选择器中的内容,空格部分替换成“.”试试,替换后的代码如下:

print(response.css('div.project-list.a::attr(href)').extract())

如果标签就是 a 标签,那么就需要修改展示方式,因为选择器最终输出的都是列表,所以这里需要将列表中的第一个元素进行展示,代码改为:

print(response.css('div.project-list a::attr(href)').extract()[0])

直接把css在头部head中引进去就好;

<link href="resources/css/reset.css" rel="stylesheet" type="text/css" />