一步步搭建物联网系统——无处不在的CSS

最新推荐文章于 2023-05-20 17:44:20 发布

cfang2005

最新推荐文章于 2023-05-20 17:44:20 发布

阅读量605

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/cfang2005/article/details/44147263

本文探讨了CSS在物联网系统构建中的重要性，强调其作为网页设计的基础，如何通过CSS控制Web页面的外观表现。文章介绍了代码结构、选择器等概念，并通过实例展示了CSS的样式与目标的结合。此外，还提到了CSS的版本和与其他编程语言的对比，以及在实际项目中如何更好地应用CSS。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

无处不在的CSS

或许你觉得CSS一点儿也不重要，而事实上，如果说HTML是建筑的框架，CSS就是房子的装修。那么Javascript呢，我听到的最有趣的说法是小三——还是先让我们回到代码上来吧。

CSS

下面就是我们之前说到的代码，css将Red三个字母变成了红色。

HTML<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <p id="para" style="color:red">Red</p>
</body>
    <script type="text/javascript" src="app.js"></script>
</html>

只是，

javascriptvar para=document.getElementById("para");
para.style.color="blue";

将字体变成了蓝色，CSS+HTML让页面有序的工作着，但是Javascript却打乱了这些秩序，有着唯恐世界不乱的精彩，也难怪被冠以小三之名了——或许终于可以理解，为什么以前人们对于Javascript没有好感了——不过这里要讲的是正室，也就是CSS，这时还没有Javascript。

Red Fonts

关于CSS

这不是一篇专业讲述CSS的书籍，所以我不会去说CSS是怎么来的，有些东西我们既然可以很容易从其他地方知道，也就不需要花太多时间去重复。诸如重构等这些的目的之一也在于去除重复的代码，不过有些重复是不可少的，也是有必要的，而通常这些东西可能是由其他地方复制过来的。

到目前为止我们没有依赖于任何特殊的硬件或者是软件，对于我们来说我们最基本的需求就是一台电脑，或者可以是你的平板电脑，当然也可以是你的智能手机，因为他们都有个浏览器，而这些都是能用的，对于我们的CSS来说也不会有例外的。

CSS(Cascading Style Sheets)，到今天我也没有记得他的全称，CSS还有一个中文名字是层叠式样式表，事实上翻译成什么可能并不是我们关心的内容，我们需要关心的是他能做些什么。作为三剑客之一，它的主要目的在于可以让我们方便灵活地去控制Web页面的外观表现。我们可以用它做出像淘宝一样复杂的界面，也可以像我们的书本一样简单，不过如果要和我们书本一样简单的话，可能不需要用到CSS。HTML一开始就是依照报纸的格式而设计的，我们还可以继续用上面说到的编辑器，又或者是其他的。如果你喜欢DreamWeaver那也不错，不过一开始使用IDE可无助于我们写出良好的代码。

最低0.47元/天解锁文章

200万优质内容无限畅学