javascript

git

java

python

git-remote

c++

github

django

c#

reactjs

spring-mvc

reflection

javascript-objects

html5

analytics

node.js

performance

branch-prediction

git-commit

git-revert

html-将CSS样式应用于DIV中的所有元素

我想将CSS文件应用于页面中的具体DIV。 这是页面结构:

<link rel="stylesheet" href="style.css" />
...
<body>
   <div id="pagina-page" data-role="page">
   ...
   <div id="applyCSS">
      (all the elements here must follow a concrete CSS rules)
   </div>
   ...
</body>

我试图应用CSS文件的规则来编辑它(CSS文件太大):

#applyCSS * {     (For all the elements inside "applyCSS" DIV:)
    .ui-bar-a {
       ...
       ...
    }
    .ui-bar-a .ui-link-inherit {
       ...
    }
    ...
}

但是该解决方案不起作用。 那么,我该怎么做呢?

trans by 2020-08-11T23:55:15Z

CSS-display:none vs visible:hidden vs text-indent:9999屏幕阅读器的行为如何?

对于屏幕阅读器用户来说,这三个有什么区别?

trans by 2020-08-11T21:21:18Z

javascript-如何检测div元素中的溢出?

如何检测div元素中的垂直文本溢出?

CSS:

div.rounded {
   background-color:#FFF;
   height: 123px;
   width:200px;
   font-size:11px;
   overflow:hidden;
}

HTML:

<div id="tempDiv" class="rounded">
    Lorem ipsum dolor sit amet,
    consectetur     adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet. 
</div>
trans by 2020-08-11T21:17:34Z

html-可以使用<span />关闭跨度吗?

<span class="drop" />

HTML跨度可以这样关闭吗?

trans by 2020-08-11T20:51:53Z

css-响应式si上媒体查询的常见断点

因此,我正在我的第一个响应式网站上工作,该网站广泛使用了媒体查询。 我想知道是否应该优化一些常见的页面宽度。

我可能会有一个最大宽度(不能完全流畅),我想我可能会设置3-5个宽度,它们之间有一些有趣的CSS3过渡(类似于CSS Tricks的工作方式)。

目前我使用的数字有些随意:

@media all and (max-width: 599px){...}
@media all and (min-width: 600px) and (max-width:799px){...}
@media all and (min-width: 800px) and (max-width:1024px){...}
@media all and (min-width: 700px) and (max-width: 1024px){...}
@media all and (min-width: 1025px) and (max-width: 1399px){...}
@media all and (min-width: 1400px){...}

另外,我想我已经读到一些移动设备的表现与预期不符(@media)。 这在哪里发挥作用,我应如何应对这些情况?

trans by 2020-08-11T19:36:22Z

CSS-单个元素htm上的多个类

在一个HTML元素上使用多个类是一种好习惯吗? 例如:

<div class="nav nav-centered nav-reversed navbar navigation-block"></div>

我并不是说一个元素上的两个或三个类是不好的,但是四个,五个甚至六个呢?

trans by 2020-08-11T18:17:47Z

CSS-如何删除按钮上的蓝色“选定”轮廓?

我有一些使用<button>的按钮,单击该按钮可获得蓝色选定的颜色!

有没有办法删除此功能?

trans by 2020-08-11T16:10:23Z

html-是否可以使用CSS创建此形状(将两个局部圆连接在一起)?

我正在尝试使用CSS完成两个div的边界:

Desired result

我尝试仅使用<div class="left"></div> <div class="right"></div>,但两个局部圆圈没有被压在一起:[http://jsfiddle.net/uwz6L79w/]

<div class="left"></div>
<div class="right"></div>
<div class="left"></div>
<div class="right"></div>

我可以将它们进一步按在一起,但是我必须使一个div与另一个重叠,例如:[http://jsfiddle.net/uwz6L79w/1/。

<div class="left"></div>
<div class="right"></div>
<div class="left"></div>
<div class="right"></div>

有谁知道我如何在没有div重叠的情况下完成此任务?

trans by 2020-08-11T10:48:32Z

CSS-如何选择多个给定元素的子元素?

我有div,我需要选择所有#mydivdiv元素都是#mydiv的子元素。

我可以这样:

div#mydiv > pre, div#mydiv > div

但是,是否可以做到仅引用一次div

div#mydiv > pre, div

不管它们是#mydiv的子级,都将选择页面上的所有div,因此逗号不是一种解决方法。 也许还有另一种我不知道的语法?

trans by 2020-08-11T08:45:43Z

xss-CSS样式表中的跨站点脚本

是否可以在CSS样式表中使用跨站点脚本? 例如,参考样式表包含恶意代码,您将如何处理?我知道您可以使用样式标签,但是样式表呢?

trans by 2020-08-11T08:43:38Z

javascript-如何从当前页面动态删除样式表

有没有办法从页面中动态删除当前样式表?

例如,如果页面包含:

<link rel="stylesheet" type="text/css" href="http://..." />

...是否有一种方法可以稍后用JavaScript禁用它? 使用jQuery的额外要点。

trans by 2020-08-11T07:16:52Z

html-在轮播中保持图像宽高比

我正在使用Bootstrap创建轮播,我的图像很大,因此当屏幕小于图像时,不会保持该比例。

我该如何改变呢?

这是我的代码:

.carousel .item {
  height: 500px;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

[HTTP://JS fiddle.net/Dr Q扣Q/]

我需要图片适合100%的宽度,但要保持其500px的高度(我认为是500px),这意味着在较小的屏幕上我们看不到图片的最左侧和最右侧。

我尝试将图像包含在div中并添加

overflow: hidden;
width: 100%;
height: 500px;
display: block;
margin: 0 auto;

但这不起作用

谢谢!

trans by 2020-08-11T06:34:29Z

在HTML / C中做列的最佳方法

我正在寻找一种显示3列内容的方法。 我找到了一种显示环绕式列的方法,但是我不希望在此页面上显示。 我正在寻找一种说法

<column>
<!-- content -->
</column>

3次,并在彼此之间显示3列。 我认为最好的例子是The Verge([http://www.theverge.com/)。]做到这一点的最佳方法是什么?

trans by 2020-08-11T03:52:51Z

javascript-如何动态更改ReactJS样式?

我试图在我的Twitter引导Web应用程序中运行ReactJS。 我在使用样式时遇到一些问题。

有这个div:

   ...
   <div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 80%;"/>
   ...

我正在编写一些动态进度条,并希望进行80%的更改(请看下面的**)。 这是我在JSX中编写的代码:

  var Task = React.createClass({
  render: function() {
  return (
  <li>
    <a href="#">
      <span className="header">
        <span className="title">{this.props.type}</span>
        <span className="percent">{this.props.children}%</span>
      </span>

      <div className="taskProgress progressSlim progressBlue" >
        <div className="ui-progressbar-value ui-widget-header ui-corner-left" 
       **style="width"+{this.props.value} +"%;" />**
      </div>
    </a>
   </li>
  );
 }
});

我阅读了一些有关嵌入式sytle的文档,但是该示例非常简单。

谢谢你的帮助。

编辑:

通过使用:

    style={{width : this.props.children}}

它工作正常,但只是想知道如何将其强制为%而不是px。

trans by 2020-08-11T03:16:36Z

html-Bootstrap-下拉菜单不起作用?

我在Bootstrap中的下拉菜单似乎不起作用-有人可以提醒我该问题吗? 现在,它显示下拉菜单,但是单击它不会执行任何操作。 谢谢!

JS:

$(document).ready( function() {
$('.dropdown-toggle').dropdown();
});

HTML:

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container" style="width: auto;">

            <a class="brand" style="text-indent: 3em" href="#">
                Title
            </a>

            <ul class="nav">
                <li><a href="#">Profile</a></li>
                <li class="active"><a href="#">Statistics</a></li>
                <li><a href="#">Reader</a></li>

                <li class="dropdown" id="menu1">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
                    Options
                    <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>

            </ul>


        </div>
    </div>
</div>
trans by 2020-08-11T02:41:31Z

css-HTML中的<pre>标签具有固定宽度

我正在使用<pre>标记显示预格式化的文本(包括换行符,空格和制表符等),但是没有换行符的大行显示在一行中,并添加了滚动条。

我想限制<pre>标签的宽度(这样,大行被分解成新行,不需要滚动。这是否可能,或者我可以使用其他标签吗?

代码类似于:

$.post("contr.php", q1, function(data) {
    $("#el_text").html("< pre>"+data+"< /pre>");
});
trans by 2020-08-10T23:41:15Z

html-通过内联C加载外部字体

是否可以通过内联CSS加载外部字体?

注意:我不是在谈论使用定义为@font-face的外部CSS文件,而是类似以下内容:

<h1 style="font-family:myfont;
    src:('http://example.com/font/myfont.tff')">test</h1>
trans by 2020-08-10T21:53:17Z

html-tbody宽度不会自动扩展到制表符的宽度

在这里看看这个例子:

[HTTP://Denise.白日心work.com/show listing/1/8297-valley-drive-alpine-meadows-Whistler-Denise-Brown-real-estate]

而且“规格”下的红色表格不会变成包含它的完整宽度-在Firebug上进行检查时,div不是220像素,而是基于内容宽度刚好超过100像素。

<div class="grid_4 alpha">
    <table width="100%" class="grid_4 alpha omega">
            <tr class="specrow">
            <td class="specname">type:</td>
            <td class="specvalue">House</td>
        </tr>
        <tr class="specrow">
            <td class="specname">year:</td>
            <td class="specvalue">1986</td>
        </tr>
    </table>
</div>

CSS代码如下所示:

#listing_specs table {
    width: 100%;
}

#listing_specs table tbody {
    display: table-row-group;
    width: 100%;
}

.specrow {
    margin:2px 0px;
    border-bottom:1px dotted #dadada;
    color: #fff;
    width: 100%;
    background-color: #A92229;
}

.specrow:hover {
    background-color:#fff;
    color:#333;
}

.specname{
    font-weight: 600;
    padding:2px 2px 2px 5px;
    width: 50%;
    white-space: nowrap;
}

.specvalue {
    font-weight:normal;
    padding:2px 5px 2px 5px;
    text-align:left;
    width: 50%;
}

我知道有一个通用的CSS重置程序,我认为这就是问题所在。 不幸的是,我不能只删除对它的引用,因为此刻有多个站点从同一位置引用了它,并且我不能不做仔细的检查就做出更改。 因此,我需要一种在样式表本身上覆盖它的方法。 被调用的重置CSS是:

<link rel="stylesheet" type="text/css" media="all" href="http://demo.brixwork.com/master/css/reset.css" />
trans by 2020-08-10T21:40:38Z

使用LESS C定义变量变量

假设我在网站的各个页面上使用了三种单独的配色方案。 每种颜色都有浅,中和深色三种颜色,并且配色方案由体内的类别定义。 假定默认为“红色”配色方案。 像这样:

颜色定义:

@red-lt:   #121;
@red-md:   #232;
@red-dk:   #343;
@green-lt: #454;
@green-md: #565;
@green-dk: #676;
@blue-lt:  #787;
@blue-md:  #898;
@blue-dk:  #909;

基本默认样式示例

body { background-color: @red-dk;
  #container { background-color: @red-md;
     p { color: @red-dk; }
  }
}

不同的配色方案样式示例

body.green { background-color: @green-dk;
  #container { background-color: @green-md;
     p { color: @green-dk; }
  }
}

我想使用变量,这样我就不必为每个方案重写所有的颜色变化,这样我就可以编写如下代码:

body.[color-var] { background-color: @[color-var]-dk;
  #container { background-color: @[color-var]-md;
     p { color: @[color-var]-dk; }
  }
}

…但是我不太了解如何完成这项工作。 救命…?

trans by 2020-08-10T21:02:06Z

html-CSS:仅在边距内使用background-color

我已经找到了答案,但找不到任何地方。 我的问题很简单:我的身体有一个背景色,然后有一个很大的空白,现在我要在空白内有一个不同的背景色。

如何使用CSS做到这一点?

trans by 2020-08-10T20:05:16Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共149页