相关疑难解决方法(0)

聘请前端开发人员时,您应该测试哪些具体技能和实践？什么是评估他们的HTML,CSS和Javascript技能的好指标？

显然,无表格语义HTML和纯CSS布局可能是关键技能.但具体技术呢？他/她是否应该毫不费力地模拟多列布局？CSS sprites？等高(或人造)柱？HTML标签选择是否重要(即过分依赖<div>)？他们应该能够解释(用语言)浮标是如何工作的吗？

那javascript技能怎么样？框架体验(jQuery,Prototype等)有多重要.今天？

显然,他们将要处理的职位和网站的详细信息是所需技能的最佳指示.但我想知道在为候选人创建测试时,人们可能会考虑哪些特定技能成为交易破坏者(或制造者).

可能重复:
为什么不在HTML中使用表格进行布局？

为什么使用带有div的标记来定义比使用表更好的所有内容(容器,标题,内容等)？我理解当你使用表格构建你的页面时:看起来很丑陋,在嵌套时看起来甚至是UGLIER,因为废话量较高 - 页面加载时间略高,代码可读性较差.

但.使用表格非常简单,并且可以节省大量时间来完成看似简单的事情,但需要注意的是使其适用于所有浏览器.

我要问的是,不是一个有点复杂的布局(或任何通常不容易用div和css完成的布局)最好用表和css的混合来解决,其中一些div包含所需的元素(处理嵌套性)所以你可以快速开发你的应用程序而不用担心它看起来像不受支持的浏览器上的垃圾？

*!编辑!*我也完全同意是的,表格是表格数据,只是语义上我觉得我应该使用无操作标签,然后命名它们并设计样式,但对于我来说,我发誓这么多次以快速建立一些东西快速,使用表BEATS试图完美地设计它适用于所有浏览器.

我正在开发一个"现代"网站,我在使用CSS以使所有内容正确排列方面遇到了很多麻烦.如果我只是使用一张桌子,我觉得它们的布局会容易得多,但我一直在避免使用<table>标签,因为我被告知它们是"过时的"并且不是正确的做事方式.

可以使用表格吗？我如何确定表何时适合,何时应该使用CSS？我只是做更容易的事情吗？

我想spans用CSS 包装两个一行.

这是我的代码:

<div style="width:60px;">
    <span id="span1" style="float:left; display:inline;"></span>
    <span id="span2" style="float:left; display:inline; "></span>
</div>

但它不起作用.

怎么做？

编辑:

我想使用"id",无论是使用div还是span,我只想让它们在一行中.

当我只使用span没有样式时,内容不在同一行.第二行将会下降.

我有4个div.一个是外包装,另外三个分别是标题,内容和页脚.所有都是相同(固定)的宽度.但外包装和内容div的高度是可变的.

无论这些大小如何,我都希望页脚div粘在外包装的底部.我尝试过使用以下CSS

position: relative;
bottom: 0px;

但它没有用.有人知道解决方案吗？

我是一个Winforms和业务引擎开发人员,他在2年多来第一次使用asp.net,在那段时间我注意到了一些常规更改.

反布局'运动背后的逻辑是什么？

它是否允许使用css类来处理布局,如果是这样,这应该是页面上的问题,你确定它会保持静态,还是只是被认为是"丑陋"？

是否可以使用表格来制作网页表格,还是应该使用div？我知道如何使用表格,但我应该如何使用div制作表格或者使用表格更好？

<form method="post">
    <table>
        <tr>
            <td>
                <label for="username">Username:</label>
            </td>
            <td>
                <input type="text" name="username" id="username"/>
            </td>
        </tr>
        <tr>
            <td>
                <label for="password">Password:</label>
            </td>
            <td>
                <input type="password" name="password" id="password"/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" name="cancel" value="Cancel"/>
            </td>       
            <td>
                <input type="submit" name="send" value="Send"/>
            </td>
        </tr>
    </table>
</form>

可能重复: 为什么 - 不使用表格为布局在html中

我想在我的网页上有两列.对我来说,简单的方法是使用表格:

<table>
   <tr>
      <td>
         Content of the first column.
      </td>
      <td>
         Content of the second column.
      </td>
   </tr>
</table>

我喜欢这个解决方案,因为,首先,它可以工作(它提供我想要的东西),它也非常简单和稳定(无论我的窗口有多大,我都会有两列.)很容易控制桌子的大小和位置.

但是,我知道人们不喜欢表格布局,据我所知,他们使用div和css代替.所以,我也想尝试这种方法.任何人都可以帮助我吗？

我想有一个易于记忆的简单解决方案(没有技巧).它也需要是稳定的(因此不会意外地发生一列在另一列之下或它们重叠或类似的情况).

TL; DRdisplay在我的CSS中更改默认属性是不好的做法吗？

问题

最近,在我们的项目中,我们必须定位2个标头标签,使它们看起来像一个.它们具有相同的字体大小和相似的样式,因此唯一的问题是如何将一个放在另一个旁边.我们有两个不同的想法,并讨论是否是一个改变默认display属性的好习惯

所以,我们非常基本的代码

<div class="container">
    <h1>Header:</h1>
    <h2>my header</h2>
</div>

我们希望得到的结果:

标题:我的标题

注意:代码需要包含2个不同的标题,因为在移动版本中我们希望在单独的行中显示它们(因此保留默认值display: block).

方法#1:使用 display: inline

这是非常直接的前进.块元素变为内联,因此它们位于同一行.这种方法的缺点是,两者的默认显示性能h1和h2发生了变化.

方法#2:使用 float

H1可以使用float: left属性定位在左侧.这种方法使默认显示属性保持不变,但如果.container不足以在单行中同时适应两个标题,则需要一些黑客攻击.

这个问题

这一切都导致了一个简单的问题:改变displayHTML元素的默认属性是不是一种坏习惯？是否违反标准,应尽可能避免？或者它是我们的面包和黄油,它并不重要,只要代码在语义上是正确的(所以标题放在h1,文章放在article等...)

如果我有两张桌子？

<table class="one"> and... <table class="two">

CSS看起来像:

table.one {
    position: relative;
    float: left;
}
table.two {
    position: relative;
    float: right;
}

它不起作用......