css - 以正确的方式重新学习 CSS

标签 css user-interface frontend

<分区>

我是一名程序员,从事 Web 开发已有两年多了。尽管过去两年我一直在做前端工程,但我认为我做的方式不对
例如:

  • 我仍然使用表格进行布局,而不仅仅是使用 CSS。我还没有找到正确呈现数据对齐和表格形式的方法。
  • 我不知道 display: nonevisibility: hidden 之间的区别(好吧,我现在知道了。但是有很多情况,比如填充、边距, 溢出等)
  • 我还没有真正按照继承方式来编写 CSS。几乎每种样式都以 # 而不是类开头。
  • 只要页面加载缓慢,html 元素就会错位,只有在完全加载后才会按顺序排列。
  • 我不知道 firebug 中的这张图片在传达什么(顺便说一下,firebug 是我的救星。如果没有 Firebug,生活将是不可能的)

alt text

  • 每当布局一团糟时,我都想使用 position:absolute。它总是以更大的困惑告终。

我知道我在这里做错了很多事情(而且我需要把它改正),但我设法把事情安排妥当并以某种方式显示出来,只是在不同的浏览器中看到它搞砸了。

我不想做 CSS 入门或傻瓜 CSS。我知道的不止这些。我想以正确的方式学习 CSS。专注于我上面展示的示例等问题并加以纠正。

您能否为我指出资源或添加 CSS 开发人员使用的常见建议和技巧以使其正确运行。

最佳答案

查看 Designing With Web Standards杰弗里·泽尔德曼 (Jeffrey Zeldman) 着。

关于css - 以正确的方式重新学习 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1574016/

相关文章:

css - 繁荣主题响应问题

c++ - 轻量级 C++ Gui 库

javascript - 我们可以像在 Vue 中一样在 Polymer 中使用模板语法吗?

html - ejs模板是如何加载到浏览器上的?前端如何与后端交互?

javascript - 我不明白 JavaScript 中的这种比较是如何工作的

html - 使用 flex 需要在图标周围加边框

css - WordPress 二十十三主题 : How to hide ".entry-content" only on main page

php - CSS 溢出-x :scroll is showing content

user-interface - 与 Windows 应用商店应用程序的 UI 控件交互

linux - OWASP ZAP 错误 : "Too many active connections right now" [Docker Image]