小编Bau*_*umr的帖子
PNG 图像的奇怪 pagespeed URL？
我使用文件名 logo.png 将具有 alpha 透明度的 PNG 图像上传到我的服务器，但是，当在页面上使用该图像并查看它的文件路径时，我得到：
http://example.com/i/300x300xlogo.png.pagespeed.ic.0A66xVq4G9.png
该文件在服务器上无处可见。
我不知道它是否会影响它，但实际图像大小是 400 像素 x 400 像素，我在 HTML 中显示为 300 像素 x 300 像素。（不要问。）
可能是我的网络主机这样做吗？似乎在文件前面加上要显示的分辨率：300x300x并且还有那个奇怪的后缀：.pagespeed.ic.0A66xVq4G9.png
推荐指数
解决办法
查看次数
响应性,透明的CSS图像标题,优雅降级？
在图像上创建响应性,透明的CSS字幕的正确方法是什么 - 在旧浏览器中优雅地降级？
我想要实现:
- 居中的垂直列图像
- 图像的高度和宽度相等
- 每个图像都有一个应该居中的标题
- 标题应具有透明背景
- 如果背景在不支持透明度的旧浏览器中变黑,那将会很好
如果你看看这个小提琴的例子,那显然有很多错误.
HTML5的基本前提是:
<section>
<figure>
<img src="1.jpg">
<figcaption>Caption 1</figcaption>
</figure>
<figure>
<img src="2.jpg">
<figcaption>Caption 2</figcaption>
</figure>
<figure>
<img src="3.jpg">
<figcaption>Caption 3</figcaption>
</figure>
</section>
但是CSS3代码是我们遇到问题的地方.它甚至是正确的方法吗？我得到它进行一些微调(不包括在内),但无论如何,微调似乎对我没有语义意义.
例如,结果如下:
我觉得CSS在很多层面都是错误的(双关语).
推荐指数
解决办法
查看次数
CSS优化:将特定于页面的CSS转换为全局？
在开始一个新的网站项目时,只有这么多的全球CSS可以预见使用.(更新:在开发过程中你也可以选择很多东西.)
随着项目的推移,大家都增添了不少网页特异性class和ID在HTML选择的样式和布局与外部CSS文件.(我在这里定义"特定于页面的CSS"有点不同 - 我不是指<style>内部,<head>但是,例如,我通常给body每个页面一个唯一的ID.)
- 总的来说,这将需要特定的页面变化的最常见的HTML元素像元素:
p,img,figure,figcaption,section,article,div,等. - 特定页面的变化最常使用下面的CSS属性:
padding,margins,font性能widths,heights等等.
问题是 - 一旦项目完成,并且创建了一个大的CSS文件 - 返回并减少/删除不必要的内容的最佳方法是什么？我的意思是,通过将CSS规则尽可能地组合为全局和全能(不破坏任何东西).
PS在HTML5中,我尽量避免将类或ID设置为元素,除非必须这样做.我相信一般规则可以很好地工作(当然,大多数情况下).
推荐指数
解决办法
查看次数
为什么我不能在此HTML文档中添加更多段落？
我已经完成了Codecademy的HTML和CSS课程,现在我想学习Python.
在此之前,我想建立一个关于我即将学习的东西的小网站,只是为了练习我的HTML和CSS技能.
我遇到了麻烦,因为我无法在HTML文件下添加更多内容,也不知道原因.
这是HTML(也在http://pastebin.com/br4W1YGL上):
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Python</title>
</head>
<body>
<div class="texto">
<h2>Welcome to the Flying Circus</h2>
<p>Python is a powerful, flexible programming language you can use in web/Internet development, to write
desktop graphical user interfaces (GUIs), create games, and much more. Python is:</p>
<ul>
<li><strong>High-level</strong>, meaning reading and writing Python is really easy—it looks a lot like regular English!</li>
<li><strong>Interpreted</strong>, meaning you don't need a compiler to write …推荐指数
解决办法
查看次数
使用CSS和单个列表进行简单的2列导航？
我希望通过使用<ul>包含六个<li>项目的单个导航条来制作一个双列导航栏:
<nav>
<ul>
<li>Home</li>
<li>About</li>
<li>Team</li>
<li>Store</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</nav>?
一边是三个元素,另一边是三个元素; 垂直排序.
现在,在制作两个单独的<ul>元素并在它们之间放置填充/边距时很容易做到:http://jsfiddle.net/Baumr/SJcjN/ - 但这不是一个很好的解决方案.
还可以<span>围绕每组三个标签包装标签<li>- 但这是唯一的CSS解决方案吗？
寻找一些优雅的想法.谢谢!
推荐指数
解决办法
查看次数
我们应该在<p>或标题内使用<br>标签周围的空格吗？
我在<br>标题中使用标签(例如h1),并且作为我的渐进增强响应式设计的一部分(这是一个例外吗？) - 我想将它隐藏在较窄的视口中.
当然,CSS规则是:
h1 br {
display: none;
}
但是在HTML中解决这个问题的正确方法是什么？
如果它是这样的,那么当br隐藏时,"heading"和"with"之间没有空格:
1) <h1>Example heading<br>with a break right thurr</h1>
那么以下语义是否正确？
2) <h1>Example heading <br>with a break right thurr</h1>
或者这个呢？
3) <h1>Example heading<br> with a break right thurr</h1>
我知道,非常挑剔,但我很好奇.
PS在这种情况下,绝对必须使用a,br因为单词"Example heading"比"break sturr"短 - 使用流体容器会在不需要的地方强行打破.
另外,正如David指出的那样,示例#2和#3都可以工作 - 但它们在语义上是否正确？虽然HTML标签周围的空格是语义的并且被忽略(这就是我们如何使标记很好阅读)......但是元素标签内的空格呢？他们应该在那里吗？
html css progressive-enhancement semantic-markup line-breaks
推荐指数
解决办法
查看次数
PHP包括与'echo date'结合使用在localhost中不起作用？
我在所有index.php文件中使用以下内容来包含全局页脚:
<?php include($_SERVER['DOCUMENT_ROOT'].'/_footer.php'); ?>
除了PHP之外,_footer.php文件本身没有太多内容可以返回当前年份:
<div class="footer">
<p id="left">Company Address</p>
<p id="right">Copyright <?php echo date("Y"); ?> Company Incorporated</p>
</div>
</div> <!-- end .wrapper -->
</body>
</html>
虽然上面的代码在上传到Web服务器时有效,但它在我的localhost(带有Coda 2的Mac OS X)中不起作用,我收到错误消息:
警告: DATE()[ FUNCTION.DATE ]:系统的TIMEZONE设置不安全.您需要使用DATE.TIMEZONE设置或DATE_DEFAULT_TIMEZONE_SET()函数.如果您使用了这些方法中的任何一种,并且您仍然会收到此警告,您最可能错误地将时区识别器误认为是.我们选择了'UTC' FOR 'GMT/0.0/NO DST'代替 /USERS/USER/SITES/COMPANY/EXAMPLE.COM/_FOOTER.PHP ON LINE 3
我认为设置时区不是一个问题(因为它是一个仅用于显示年份的简单函数),但它在本地测试时打破了页脚的设计:
所有文本(例如"COPYRIGHT")都意味着在黄色框内.
在这种情况下我该怎么办？
推荐指数
解决办法
查看次数
标签 统计
css ×4
html ×3
css3 ×2
html5 ×2
image ×2
coda ×1
date ×1
echo ×1
html-lists ×1
line-breaks ×1
localhost ×1
navigation ×1
pagespeed ×1
php ×1