Questions tagged «css»

级联样式表(Cascading Style Sheets,CSS)是一种用于指定布局和表示形式的语言,通常用于标记诸如HTML和XML。

8
人们为什么要用div制作桌子?
在现代Web开发中,我越来越经常遇到这种模式。看起来像这样: <div class="table"> <div class="row"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> </div> 在CSS中,类似: .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } *(类名仅是说明性的;在现实生活中,这些是反映元素含义的普通类名) 我什至最近都尝试自己做这个,因为……每个人都在做。 但是我还是不明白。我们为什么要这样做呢?如果您需要一张桌子,那么只需将其炸毁<table>并完成即可。是的,即使是用于布局。那就是表格的用途-以表格形式放置内容。 我最好的解释是,到现在为止,每个人都听过“不要使用表格进行布局”的口号,因此他们盲目地遵循它。但是他们仍然需要一个表格进行布局(因为其他任何东西都不具有表格的扩展功能),所以他们制作了一个表格<div>(因为它不是表格!),然后添加了使其成为表格的CSS。 对我来说,这就像在世界上摆出任意不必要的障碍,然后做额外的工作来规避它们。 离开表格进行布局的原始论点是,之后很难修改表格布局。但是出于同样的原因,修改“仿表”布局也同样困难。实际上,实际上,修改布局总是很困难,而且如果您想做一些比细微调整更严肃的事情,仅更改CSS几乎是远远不够的。您将需要了解和更改HTML结构,以进行认真的设计更改。表格不会比div更难或更容易。 事实上,我看到桌子可以做一个布局很难修改,唯一的办法是,如果你从头使用他们,创造了一个不敬虔的混乱。您也可以使用div来做到这一点。 所以...为了将这个问题从咆哮变成一个连贯的问题:我想念的是什么?使用“人造桌子”而不是真正的桌子有什么实际好处? 关于重复链接:这并不是建议使用其他标签或其他东西。这是关于使用<table>vs 的问题display:table。
269 html  css 

5
为什么CSS和SVG可以接受大量的幻数?
很多时候,我看到了热网的问题列表像问题这个,基本上问“我怎么画这个任意形状的CSS”。答案总是是几个CSS或SVG数据块,它们带有一堆看似随机的硬编码值,这些值构成了所需的形状。 当我看着这个时,我会想:“好极了!多么丑陋的代码块。我希望我在项目中再也不会看到这种类型的东西。但是,我经常看到这类问答,并且投票数很高,因此很明显,社区并不认为这很糟糕。 但是为什么可以接受呢?从我的后端经验来看,这对我来说毫无意义。那么为什么CSS / SVG可以呢?

7
在面试中如何评估应试者对HTML / CSS的了解?[关闭]
我正在尝试确定一些不错的面试问题,以评估人们从事Html / CSS工作的能力,但是该主题涉及面非常广泛,我不确定我可以问什么样的问题来正确评估某人的HTML / CSS知识。 在面试过程中,我可以问什么样的问题来评估候选人的HTML / CSS能力? 理想情况下,我想问几个问题,然后给他们一个真实的场景来应对。

7
引用外部JavaScript与托管我自己的副本
假设我有一个使用jQuery的网络应用。更好的做法是将必要的javascript文件与网站文件一起托管在我自己的服务器上,还是在jQuery的CDN上引用它们(例如:http : //code.jquery.com/jquery-1.7.1.min.js) ? 我可以看到双方的优点: 如果是在我的服务器上,那就少了一个外部依赖性。如果jQuery崩溃或更改了其托管结构或类似的东西,那么我的应用程序就会崩溃。但是我觉得这种情况不会经常发生。必须有许多小型站点这样做,并且jQuery团队将希望避免破坏它们。 如果是在我的服务器上,那是一个比别人少的外部参考,有人可以称之为安全问题 如果它是从外部引用的,那么我不必担心为文件提供服务的带宽(尽管我知道不是很多)。 如果从外部引用它,而我正在将该网站部署到许多需要拥有所有文件副本的服务器上,那么我要记住要复制/更新的文件要少一个。

8
如何开始使用HTML5?[关闭]
建议学习HTML5的工作流程是什么?我应该安装什么工具?什么SDK?从哪儿开始?怎么测试?如何调试?我读什么? 我知道通常被标记为“ HTML5开发”的实际上是HTML,CSS,JS和更多内容的混合体,但是我不认为在记事本中开发更大的项目。这就是为什么我要您透露有关工作流程的提示和技巧。
42 javascript  html  css  ajax  html5 

7
为什么不将样式/脚本嵌入HTML而不是链接?
我们将CSS和JavaScript文件连接起来以减少HTTP请求的数量,从而提高了性能。结果是这样的HTML: <link rel="stylesheet" href="all-my-css-0fn392nf.min.css"> <!-- later... --> <script src="all-my-js-0fn392nf.min.js"></script> 如果我们拥有服务器端/构建逻辑来为我们完成所有这些工作,为什么不更进一步,并将这些串联的样式和脚本嵌入HTML? <style>.all{width:100%;}.my{display:none;}.css{color:white;}</style> <!-- later... --> <script>var all, my, js;</script> 减少了两个HTTP请求,但实际上我还没有看到这种技术。为什么不?

6
与图形设计师合作的正确方法是什么?[关闭]
最近,我们与一位图形设计师(由客户安排)合作,为我们构建的Django + Bootstrap应用程序提供了外观。设计师提供了新布局的一系列静态图像,以及描述一些技术属性(字体大小,颜色,一些尺寸等)的文档。 事实证明,实现此目标非常耗时。尽管整个站点基本上都是首页,索引页和六个详细页面,但我花了至少5天时间才实现CSS和HTML更改。所以我会弯腰称这为错误的方式。 我的基本方法是: 比较静态图像和当前渲染,并注意差异。 猜猜在CSS / HTML中需要进行哪些更改 做出改变 转到步骤1。 我不了解某些特殊问题,因为该设计包括将8列更改为12列,某些图像格式错误(.png在不同的浏览器/平台组合上可能呈现不同的图像),麻烦于尝试撤消Bootstrap的样式,通常的CSS角力,以达到像素完美的渲染等效果。有时,我不得不重新组织HTML模板以获得某种行为。 正确的方法是什么?

3
SASS相对于LESS有什么优势吗?[关闭]
我正在尝试对这些CSS预处理器进行研究。 使用sass代替css预处理程序有什么好处?我要寻找的因素包括社区规模,软件项目成熟度等。 我知道还有另一个与此相关的问题,但它不是建设性地写成和封闭的。 更新资料 看起来引导程序现在已经可以使用Sass
36 css  less 

5
Javascript,HTML和CSS之间的紧密耦合:更现代的方法?
看到Java绑定到某些选择器以查找元素,存储数据和侦听事件是很常见的。看到这些用于样式的选择器也是很常见的。 jQuery(及其选择器引擎Sizzle)通过使用CSS类型的语法引用元素来支持和促进这一点。因此,在构建项目时,这种技术特别难以“取消学习”(或重构)。 我已经了解到,这是HTML和Javascript开发历史的结果,并且已经建立了浏览器来有效使用/解析/呈现这种耦合。但是随着网站变得越来越复杂,这种现实会给组织和维护这些单独的层带来困难。 我的问题是:现代网站是否可以避免这种情况? 如果我是前端开发的新手,并且希望以“正确的方式”学习事物,那么值得一开始学习去耦和避免这种依赖吗?这是否意味着避免使用jQuery,而推荐使用可促进更解耦结构的库?
29 javascript  html  css  jquery 


6
HTML / CSS命名约定(语法)的实际注意事项
问题: 和值中的语法有哪些实际考虑因素?classid 请注意,我并不是在询问语义,即所使用的实际单词,例如本博客文章中所述。命名约定方面已经有很多资源,事实上,这使我对各种语法位的实用信息的搜索变得困难,这些信息包括:-大写,插补(特别是破折号)的使用,要使用或避免的特定字符等。 总结一下我问这个问题的原因: 命名限制的ID和类不自然导致任何约定 命名约定在语义方面的资源丰富,使得对句法方面的考虑变得模糊 我在此找不到任何权威来源 SE程序员对此主题还没有任何问题:) 我考虑过使用的一些约定: UpperCamelCase,主要是作为服务器端编码的交叉习惯 lowerCamelCase,与JavaScript命名约定保持一致 css-style-classes,这与css属性的命名一致(但在选择Ctrl + Shift + ArrowKey文本时可能会令人讨厌) with_under_scores,我个人没见过用过 alllowercase,简单易记,但长名称很难读 UPPERCASEFTW,这是惹恼其他程序员的好方法(可能与选项4结合使用以提高可读性) 可能我也遗漏了一些重要的选项或组合。那么:命名约定有哪些考虑因素,它们导致了哪些约定?

3
是什么使BEM优于使用LESS之类的可嵌套样式表语言?
我的一位同事在他主持的项目中大力推动CSS 的BEM(块元素修改器)方法,而我只是无法理解是什么使它比我们多年来编写的LESS CSS更好。 他声称“性能更高”,但是我无法想象性能甚至对我们在此代码店中编写的各种Web应用程序有多重要。我们不在这里制作Twitter或Facebook。如果我们使用率最高的应用程序每月点击量超过10000 ,而大多数都低于1000,我会感到非常惊讶。 他声称具有“可读性”和“重用性”,但我认为LESS已经做得更好。而且我认为BEM会为这些超长类名添加许多额外的专用字符,从而严重破坏了标记,从而从根本上降低了可读性。 他声称“嵌套CSS是一种反模式”。“反模式”到底是什么意思,为什么嵌套CSS不好? 他声称“每个人都在使用BEM,因此我们也应该这样做。” 我的计数器是“如果每个人都从桥上跳下来,您会跟随吗?” 但是他仍然对此完全坚决。 有人可以详细解释什么使BEM优于LESS吗?我的同事完全无法说服我,但是我不知道我是否只能选择跟随。我真的很希望能够欣赏BEM,而不是勉强地接受它。
27 css  less 

1
盒子模型:Internet Explorer与W3C
如今,Internet Explorer的“盒子模型”问题基本上已不再存在。大多数Web开发人员都放置一个<!DOCTYPE>标签来强制遵守标准,并且没有人真正在乎不再支持Internet Explorer 5.5。 但是,一些开发人员提出了主观的,概念性的观点来捍卫IE盒模型。他们声称IE盒子模型比W3C模型更“直观”,因为W3C模型可以测量盒子的内容,而IE模型可以测量盒子本身: 我可以看到他们的观点,但这基本上是一个主观论点,最重要的是符合标准。 但是,由于严重的实际原因,最近我更喜欢IE盒模型。W3C盒模型使将元素动态调整为另一个元素的确切屏幕上像素宽度变得困难。原因是style.width元素的属性未考虑元素在屏幕上的总大小:您还需要考虑任何其他边框和填充。如果两个元素都使用相同的CSS类,这不是问题-但是,如果它们具有不同的 CSS类,这将变得非常困难。 假设我们有两个div:A和B。A在html中硬编码为400px div,而B使用Javascript动态创建。在视觉上,我们希望B为A的确切宽度。在旧的IE Box模型下,这是微不足道的。我们简单地说:B.style.width = A.style.width甚至B.style.width = A.offsetWidth + "px"。 但是对于W3C盒式模型,这并不是那么简单。现在,我们还必须担心样式表。如果B与A具有相同的CSS类,我们可以说B.style.width = A.style.width。但是,如果不这样做,并且出于审美原因,我们可能不希望这样做,那么我们就有麻烦了。现在我们必须考虑A和B的边框和填充中的总像素。如果边框和填充以不一致的单位指定(由于边框通常为1px线,而边框通常是1px线,则这是常见的情况)可能在ems中指定)。然后,我们面临着转换为通用单位(em到px或px到em)的准不可能完成的任务。所有这些只是为了使两个div完全在屏幕上对齐。 因此,基本上,W3C盒子模型迫使我们在设置元素大小时考虑CSS边框和填充问题,而IE盒子模型则没有,因为宽度测量的是整个盒子的大小(尾到-end),而不是包装盒中的内容。这使得相对于元素动态调整大小变得容易得多。 所有这些似乎是一个非常有力的理由,而不是W3C模型来支持IE盒模型(至少从概念上讲-当然,实际上IE盒模型已经失效)。 问题:W3C为什么选择此盒型?我根本没有看到W3C盒模型的一些优点吗?还是我只是在这里夸大问题?

12
如何使客户脱离Flash网站?[关闭]
已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗?更新问题,使其仅通过编辑此帖子来关注一个问题。 5年前关闭。 我最近仅通过口口相传的建议就做了很多网络方面的项目。尽管无论如何我都不是一个程序员,而是一个设计师,但是我的设计技能并不可怕,并且不像许多程序员那样讨厌UI。结果,我发现自己被吸引到了一些附带项目中,除了用于内容管理的最小后端外,大多数编程都在前端接口上(请阅读javascript / css)。 到目前为止,我最大的挫败是说服客户他们不希望使用Flash。除了我真的不喜欢Flash“开发”这一事实外,还有很多不希望使用Flash的实际原因(设备之间缺乏兼容性,客户端可访问性下降,插件需求减少,开发时间增加等)。我不只是直言不讳地告诉客户“我不会为您建立一个Flash网站”,而是更愿意使用策略说服/向他们解释这不是他们真正想要的,即:满足他们的要求要比标准html更好/ css / js并分散用户的注意力。 别人对此有什么样的第一手经验?您如何向某人说明javascript / css / AJAX通常是大多数网站的更好选择?为什么人们一开始就想使用Flash这么糟糕? 这个问题适用于那些没有任何技术原因想要使用Flash的客户,只是因为他们认为Flash制作漂亮的网站而想要它。
21 javascript  html  css  ajax  flash 

2
在网站上使用HTML / CSS布局有哪些选择?[关闭]
想要改善这篇文章吗?提供此问题的详细答案,包括引文和为什么答案正确的解释。没有足够详细信息的答案可以被编辑或删除。 很难说出这里的要求。这个问题是模棱两可,含糊,不完整,过于宽泛或夸张的,不能以当前的形式合理地回答。如需帮助澄清此问题以便可以重新打开, 请访问帮助中心。 7年前关闭。 是否有任何正在使用中的,甚至只是概念性的尝试来创建标记或程序化表达式,以设计HTML / CSS以外的网站布局? 如果那里还有其他物品,并且似乎没有被大量使用。为什么是这样?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.