我要学习CSS+DIV和javascript，有没有好的教科书，学习网站，视频教程什么的。。最主要的是能给我介绍本书

Posted 2023-05-11

给我介绍两本教科书吧。。。我想买本相关的书籍学习。。谢谢

其实书就不用怎么看了，div+css,我现在看到这两个词还觉的压抑，记得自己刚毕业的时候，没学过关于网页的任何东西（上学是搞软件的），但找工作是阴错阳差的进了一个网络公司，本来想着php程序，但PHP程序员没那么好当，公司需要的是一个独立建企业站的人，而我不愿意没有尝试就放弃的感觉，我开始下辛苦学习网页布局等只是，刚开始我也是拿着本DIV+CSS就开始看，但事后证明，这对于一个需要尽快掌握的人是不可取的（我给老板答应一个星期以后开始独立建网站），因为书本上都是从细节的东西一步步来的，学了无数细节的东西对于初学者来说是没有价值的，比如：圆角了，盒子模型，滑动门了，定位了，乱七八糟的知识，不知道如何构建一个基本的网站，却学了一堆装饰性的东西，这能有价值么！最后我找了个简单的网页，看人家的代码，自己试着领悟，看不懂的CSS就去查手册，仿着来，最后弄下来，就知道大概了，原来div+css入门的东西就那么一点，用到的代码就那么些，之后再一步步结合之前学到的装饰性东西，一边工作一边学，也算把这东西基本拿下了！
所以，我说这么多，总结以下几点：
1：你要相信自己一定没问题，因为我就是从你这种心态上手的，也许我的底子还不如你呢
2：不要依赖某一本书，或某一个视频，虽然可以学到东西，但是不可能是所谓的快速上手
3：下载一个css手册和html手册。
4：啥都不用管，找一个简单一点的企业站，因为是入门，所以要从简单的入手，把他的首页源码保存，css保存，图片和JS代码保存，
5：静下心来，看吧~~不会的，不懂的，要么问人(找个有这方面人的群)，要么查手册！
6：好的心态，不要畏惧，你可以的。
学习HTML基础知识(了解你在书写页面的时候都可以用到什么标签，每个标签的样式都有什么，不同的标签用法不同，会让你减少很多代码)
学习css基础知识（一般都是那几个属性）
参考别人网站的代码，自己动手写一下。
会存在兼容性问题，研究浏览器的兼容性（每个浏览器的兼容就是那几个点，网上很多资料都是可以解决的）。 参考技术A 学习网站推荐到lamp兄弟连或者php100这两个网站都不错，视频教程很好，而且免费下载。
CSS的书入门，我推荐《精通CSS+DIV网页样式与布局》，看完这本以后你再看看《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》看完这两本，你的CSS就是中等水平了，javascript我推荐《JavaScript入门经典(第4版)》或者第三版也不错，这两本中任意一本都可以让你从javascript菜鸟级别达到入门进阶的级别，前提这些书都要用心看哦，手打文字，希望采纳 参考技术B 我给你介绍2本书吧。很适合初学者学习，我是过来人
一：css 样式的书籍
《精通CSS+DIV网页样式与布局》《CSS设计彻底研究》.
二：javascript 书籍
《javascript高级程序设计》
《JavaScript 权威指南》 参考技术C http://www.w3school.com.cn/
书自己去找吧
CSS禅意花园 是CSS中经典，适合有基础的

使用相同 CSS 的不同 div 标签 - 我该如何更改？

【中文标题】使用相同 CSS 的不同 div 标签 - 我该如何更改？

【英文标题】：DIfferent div tags using same CSS - how do I change that?

【发布时间】：2021-12-29 06:55:10

【问题描述】：

我在设置页脚样式时遇到问题。页脚用 HTML 分成 4 列，所有列都使用相同的 CSS 样式

我要做的就是将右列文本向右对齐，并将中间列文本居中。

在检查器中，当我尝试更改文本对齐时，它会应用于所有列。有没有办法可以在 WordPress 的附加 CSS 部分中更改此设置，或者我是否必须编辑此网站主题的代码？

【问题讨论】：

如果你想对不同的div应用不同的类，你需要在HTML结构中指定这些类。如果所有的 div 具有相同的类，它们将以相同的方式格式化。

您可以在 CSS 中使用 .mkdf-column-content:nth-child() 来处理特定列并保持 HTML 不变。

【参考方案1】：

尝试使用 ID 作为选择器以仅定位一列，如下所示：

#text-5 
  text-align: right;

【讨论】：

作为初学者，对我来说这是最好的答案，因为它最容易实现！谢谢。

【参考方案2】：

尝试为您要自定义的每一列添加特定的类。这样每一列都会继承主类（.mkdf-column-content）的样式，也会有新添加的样式。

另一种方法是在.mkdf-column-content 类上使用伪选择器，例如：

.mkdf-column-content:nth-child(3) 
  text-align: right;