我在谷歌上进行了速度测试,我的CSS得分很高,成绩也很差.糟糕的成绩是由于CSS效率低下造成的.那是什么？我该如何纠正呢？
Very inefficient rules (good to fix on any page):
#menu ul ul li:first-child a:after Tag key with 4 descendant selectors
#menu ul ul li:first-child a:hover:after Tag key with 4 descendant selectors
对此有很多不同的看法,但在设计网页时,您应该提供的最佳窗口大小或视口大小是多少？现在这假设您想要迎合广大公众(意味着如果您创建一个游戏网站,那里滚动的人将不会有800x600屏幕......)
另外,最好将主包含div保留为自动尺寸(这样它会随屏幕尺寸拉伸,假设你内部没有任何不需要拉伸的固定元素)或者你是否修正了宽度？我设计了一些网站,但我仍然不确定2012年的最佳做法是什么.
我有一个占据视口整个高度的图像.图像高度应跨越整个视口高度(100%),以便它适合于从中查看的屏幕(此处已完成),并且宽度应与高度成比例.正如您在我的页面(http://lamininbeauty.co.za)中看到的那样,页面两侧有空格.我希望图像水平居中.以下是我的代码:
CSS:
body{
margin: 0px;
padding: 0px;
overflow: hidden;
}
#main{
margin: auto;
}
img.bg {
/* Set rules to fill background */
max-height: 100%;
/* Set up proportionate scaling */
height: auto;
/* Set up positioning */
position: fixed;
}
HTML:
<body>
<div id="main">
<img class="bg" src="images/massage2.jpg" border="none" />
</div>
</body>
注意:我不希望图像丢失宽高比,它应该始终垂直适合100%,没有图像被截断,也没有垂直滚动.Horizntal居中.我试图远离background-size属性,因为IE8及更低版本不支持它.
你能改变SVG里面形状的颜色吗？目前我正在使用PNG,我必须在Photoshop中手动创建每个不同的菜单,我想知道我是否可以使整个过程动态.
我正在建立一个小型文件共享网站,用户可以上传内容.最近有人上传了一个PHP脚本,可能是为了损害网站.它让我思考:我应该阻止用户上传哪些文件类型？我已经阻止了.exe文件.哪些其他文件类型可能会对我的网站或其用户造成伤害？
我有多行文本输入到单个MySQL longtext单元格中,我希望以HTML格式显示.但是,当在HTML中显示字符串时,我无法弄清楚如何保持换行符.
例如,假设我在"内容"列中有此文本:
+-----------+
| content |
+-----------+
| Line 1. |
| |
| Line 2. |
+-----------+
我希望这个显示:
Line 1.
Line 2.
但是,我的PHP循环得到了这个结果:
Line1.Line2.
我使用下面的循环来echo从我的数据库中的文本.(我知道我不需要循环,但在实际项目中我显示多行数据).
$query = mysql_query("SELECT * FROM table ORDER BY timestamp DESC");
while($row = mysql_fetch_array($query)) {
echo $row['title'];
}
总之:在HTML中显示MySQL字符串时,如何保持换行符？有没有办法<br>在换行符添加？
我的应用程序要求我打印N次值X.
所以,我可以这样做:
Dictionary<int, string> toPrint = new Dictionary<int, string>();
toPrint.Add(2, "Hello World");
...以后我可以使用此信息打印2页,文本值均为"Hello World".
我遇到的问题是,词典真的希望第一个值是Key:
Dictionary<TKey, TValue>
因此,如果我想添加2个文本值为"Hello World"的页面,然后另外2个带有"Goodbye World"的页面,我有一个问题 - 它们都有一个TKey值为2,这会导致运行时错误("一项"已添加相同的键").
导致错误的逻辑:
Dictionary<int, string> toPrint = new Dictionary<int, string>();
toPrint.Add(2, "Hello World");
toPrint.Add(2, "Goodbye World");
我仍然需要这个概念/逻辑才能工作,但由于Key,我显然不能使用Dictionary类型.
有没有人有任何解决方案的想法？
我正在尝试定位一个可能有许多类之一的元素.是不是有更简单的方法来编写以下示例？我无法找到参考,但似乎应该有一个更有效的选择.
.myTable1 a, .myTable2 a, .myTable3 a, .myTable4 a
{
text-decoration: underline;
}
我正在尝试使用webkit-mask-size来缩小掩码图像.像这样:
.myClass {
width: 100%;
height: 100%;
background: #ffffff;
-webkit-mask-size: 50% 50%;
-webkit-mask: url(../css/images/myimage.png) center center;
}
应用了myClass的div有一个父容器,其上设置了固定的高度.
无论我设置什么-webkit-mask-size都没有区别.