小编Sat*_*ash的帖子

如何知道哪个HTML元素导致垂直滚动条

我正在学习Bootstrap.在入门菜单中,提供的模板很少.我正在玩那个.一个例子是关于固定页脚.我使用了前一个示例中的nav,并希望使用固定页脚进行调整.但垂直滚动条即将到来.我正在寻找导致垂直滚动条的元素.

这是HTML:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Bootstrap, from Twitter</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <link href="css/bootstrap.css" rel="stylesheet">

        <style type="text/css">

            /* Sticky footer styles
            -------------------------------------------------- */

            html,
            body {
                height: 100%;
                /* The html and body elements cannot have any padding or margin. */
            }

            /* Wrapper for page content to push down footer */
            #wrap {
                min-height: 100%;
                height: auto !important;
                height: 100%;
                /* Negative …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

60
推荐指数
5
解决办法
2万
查看次数

如何在CSS中控制列表样式光盘的大小?

我的HTML首先:

<ul class="moreLinks" >
    <div>More from Travelandleisure.com</div>

        <li><a rel="nofollow" href="">xyz1</a></li>
    <li><a rel="nofollow" href="">xyz1</a></li>
    <li><a rel="nofollow" href="">xyz1</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我知道我可以在li上使用font-size非常小,以便光盘对我来说正确,然后将css应用到li里面的"a".但我不知道为什么这不适用于我工作的网站.我无法直接控制html.

当我做到这一点时,我看到了

.farParentDiv ul li {
    list-style: disc inside none;
}
Run Code Online (Sandbox Code Playgroud)

对此:

.farParentDiv ul li {
    list-style-type: disc;
    font-size:10px;
}
Run Code Online (Sandbox Code Playgroud)

现在将font-size应用于"a"后,它可以在Firebug中运行.但是来自我的css文件.我尝试了很多但累了.我可以在css文件中覆盖上面这个但不能像我在firebug中那样直接更改它.请写出可能出现的问题?

我曾经在链接里面放点(.)然后在其上应用css来控制光盘大小,但正如我所说,我无法控制HTML.

css

53
推荐指数
6
解决办法
16万
查看次数

在页脚上找到一些CSS代码时会发生什么

据我所知,CSS用于决定网页上的布局和其他样式.如果CSS位于页面底部,则所有内容(html元素,文本,图像等)都将使用浏览器自己的样式显示,当浏览器找到我们的CSS时,它会再次为我们重新设计页面.它可能被称为重新粉刷!

因此,我明白重新绘制页面和用户看到它会非常难看(FOUT - 无格式文本的Flash - 作为专家命名).但是,我仍然想了解:

  1. 重画可以花多少时间?大约值!我理解这可能取决于页面上的内容.还会发生什么或可能发生什么?

  2. 我现在主要担心的是是关于使用font-awesome CSS文件(外部托管在他们自己的cdn上下载css和字体文件).我想知道如果我将它放在页面底部或延迟加载会在设备上发生什么?目前它被放置在<head>部分为

    link rel ='stylesheet'href =' http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'type ='text/css'media ='screen'

使用Del,使其不应该成为问题的主要部分.问题的主要部分是关于底部的一些CSS然后将通过测量给出或支持的测量重新绘制,阻塞等会发生什么.

在上述情况下,或者只有部分文档会受到底层CSS的影响,那么会发生什么?浏览器重绘一切,还有什么?它需要多长时间.假设,font-awesome用于放置10个图标<i>.

当CSS处于底部时,我无法确定实际发生了什么.所以,如果您有任何显示流量的视频或图像,请在此处提及.

将所有内容都基于设备的性能,以及当然用户体验.谢谢.

更新:我为自己和每个人提供了更多的东西.这是一个谷歌建议用于css的函数(delayLoadCss),用于下载内容.虽然,我不会那么极端,但是对于Font-Awesome类型的CSS呢? 在此输入图像描述

css performance

19
推荐指数
2
解决办法
1163
查看次数

优化CSS交付 - Google的建议

谷歌建议在头部和其他CSS内部使用非常重要的CSS内联<noscript><link rel="stylesheet" href="small.css"></noscript>.

这引起了我的一些问题:

  • 如何在两个文件中确定CSS的优先级.该页面的所有内容都很重要.显示,字体等.如果我将它移动到底部,那么它如何帮助页面渲染.它不会导致重画等吗?
  • 在Document ready事件之后是否需要CSS?从这里得到它.
  • 如何'CSS可以'进入内部<noscript></noscript>,这是脚本?启用JavaScript时它会起作用吗?浏览器兼容吗?

参考

html css optimization performance

15
推荐指数
1
解决办法
4262
查看次数

Javascript书签在Firefox 13中停止运行

在Firefox版本13中,bookmarklets(带有javascript:URL的书签,例如javascript: alert("it works")停止工作.javascript:在Firefox 13中是否有使用书签的解决方案?

javascript firefox bookmarks bookmarklet

14
推荐指数
2
解决办法
5345
查看次数

如何减少页面加载的"等待时间"和"接收时间"

我正在使用CloudFront,很多时候我看到等待时间和接收时间太高了.

根据Firebug文件,等待时间和接收时间意味着:

等待 - 等待服务器的响应

接收 - /(来自缓存)从服务器读取整个响应所需的时间(和/或从缓存中读取所需的时间)

我不明白为什么需要这么多时间以及我可以做些什么来减少时间?

在此输入图像描述

performance firebug pagespeed amazon-cloudfront

7
推荐指数
2
解决办法
2万
查看次数

PHP字符串函数与非英语语言

我正在尝试range();使用非英语语言.它不起作用.

$i =0
foreach(range('?', '?') as $ab) {

    ++$i;

    $alphabets[$ab] = $i;

}
Run Code Online (Sandbox Code Playgroud)

输出:à= 1

这是印地语(印度)字母表.它只迭代一次(输出显示).

为此,我不知道该怎么做!

因此,如果可能的话,请告诉我该怎么做以及在考虑使用任何PHP函数的非英语文本之前我应该​​先做些什么.

php utf-8

5
推荐指数
2
解决办法
1626
查看次数

如果没有沙箱属性,iframe在HTML5中的行为如何?

<iframe>sandbox属性不存在时HTML5中的行为是什么?和它一样sandbox=""吗?

html iframe html5

5
推荐指数
1
解决办法
499
查看次数

面向有经验的程序员的Java书籍(PHP)

我在前面问过几个问题,但是我的背景与他们不完全匹配.我这几年正在研究LAMP.我最近学习了Java SL-314教学大纲,思考我在PHP和其他PLUS方面的知识,从Oracle网站获得核心Java方面的一些知识可能会有所帮助.我看到Java文档与PHP相比非常差.在PHP中,可以从php.net站点本身获得所有基本内容.对于一个简单的事情,比如从普通的java代码向servlet或JSP显示结果集数据,我需要搜索很多但仍然无法通过ArrayList等.我在PHP中寻找像这样的Java代码:

while ($row = mysql_fetch_assoc($result)) {
    echo $row["userid"];
    echo $row["fullname"];
    echo $row["userstatus"];
}
Run Code Online (Sandbox Code Playgroud)

我的意思是我想以我想要的方式使用所有字段.

我有一本书,坚果壳中的Java,但这似乎太理论化了.我需要小书,以便我能尽快阅读.我想用Java开发Web应用程序.为了从核心java获得帮助,我想要简单的示例代码来完成我以前在PHP中所做的所有正常工作.

请帮我找一本带有示例代码的简单Java书籍,它可以帮助我完成PHP中所做的所有常规操作.

php java

1
推荐指数
1
解决办法
1667
查看次数

Form和Div元素之间的默认CSS设计差异

两个<form><div>元素是块级元素。因此,它们在设计上都是相同的,我可以将form元素用作其中所有内容的包装器。

基于此,我想知道,我应该使用Div作为表单元素的包装器还是使用表单元素本身!目的是向它们添加CSS。

被问及很久以前,我发现当我用作<p>包装纸时,一切都与并不相同<div>。即使对所有位置应用相同的结果,每个地方的结果也不相同<p>

html css

1
推荐指数
1
解决办法
3072
查看次数

如何获取Array中元素的层次结构路径

我总是希望获得数组中元素的确切路径.示例数组:

array(a=>'aaa', 'b'=> array ('bbb1', 'bbb2' => array('bbb3', 'bbb4')));
Run Code Online (Sandbox Code Playgroud)

因此,为了达到'bbb4',我需要经历(b => bbb2 => bbb4).如何在多维数组中获取此路径?

php arrays

0
推荐指数
1
解决办法
1669
查看次数