小编dai*_*hop的帖子

我无法让我的网站使用gzip压缩.

我最近在css-tricks.com 观看了Chris Coyier的这段视频.在视频中,他谈到了启用gzip压缩以使网站运行得更快.

根据他的指示,我通过html5boilerplate.com链接到github,从他们的.htaccess文件中复制gzip压缩代码,将其粘贴到我自己的文件中,并将其上传到我的网站.

我通过gzipwtf.com对它进行了测试,但似乎没有用.谁能帮我这个？

我的.htaccess文件如下所示:

# ----------------------------------------------------------------------
# Trim www
# ----------------------------------------------------------------------

RewriteEngine On
RewriteCond %{HTTP_HOST} !^orbitprint.com$ [NC]
RewriteRule ^(.*)$ http://orbitprint.com/$1 [L,R=301]

# ----------------------------------------------------------------------
# Gzip compression
# ----------------------------------------------------------------------

<IfModule mod_deflate.c>

  # Force deflate for mangled headers developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/
  <IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
      SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
      RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
    </IfModule>
  </IfModule>

  # Compress all output labeled with one of the following MIME-types
  <IfModule mod_filter.c>
    AddOutputFilterByType DEFLATE application/atom+xml \
                                  application/javascript \
                                  application/json \
                                  application/rss+xml \ …

可能重复:
英国邮政编码正则表达式(综合)

我有以下代码用于验证javascript中的邮政编码:

function valid_postcode(postcode) {
    postcode = postcode.replace(/\s/g, "");
    var regex = /[A-Z]{1,2}[0-9]{1,2} ?[0-9][A-Z]{2}/i;
    return regex.test(postcode);
}

测试:

CF47 0HW - Passes - Correct
CF47 OHW - Passes - Incorrect

我做了大量的研究,但似乎无法找到这个常见验证要求的权威正则表达式.有人能指出我正确的方向吗？

是否可以创建一个 CSS 网格，允许不同大小的内容块没有固定的起始位置，而其他块则四处流动？

这是我的测试

HTML

<div class="grid">

  <div class="item">Small 1</div>
  <div class="item">Small 2</div>
  <div class="item large">Large 1</div>
  <div class="item large">Large 2</div>

  <div class="item">Small 3</div>
  <div class="item">Small 4</div>
  <div class="item">Small 5</div>
  <div class="item">Small 6</div>

  <div class="item">Small 7</div>
  <div class="item">Small 8</div>
  <div class="item">Small 9</div>
  <div class="item">Small 10</div>

  <div class="item">Small 11</div>
  <div class="item">Small 12</div>
  <div class="item">Small 13</div>

</div>

CSS

* { 
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}   

body {
  padding: 5em;
}

.grid { 
  display: grid; 
  grid-template-columns: 25% 25% 25% 25%; 
  grid-gap: …

一个适合所有网页设计师......

我想在它之后显示一个字符并缩进一个段落 - 就像在这里的图表中一样:

http://dl.dropbox.com/u/43015072/indent.jpg

诀窍是,我想这样做没有:

• 使用表格
• 指定div高度

使用图标字体(@ font-face)将单个字符渲染为图标.有没有人对如何使用HTML + CSS进行此操作有任何建议？

我正在尝试创建一个带有向下箭头的消息框.我想使用箭头的:after伪元素来避免额外的HTML,我希望伪元素继承其父元素的box-shadow.

我的尝试:http://goo.gl/LDs7N

我只是不能让那个伪元素落后于父元素.你们任何人都可以弄明白我哪里错了吗？

谢谢!