粗谈css

书接上回，众所周知。html,css,javascript 并称为网页三剑客。我们知道，html是一种由标签组成的标记语言。用于标记网页的内容。
那什么是css呢？ 如果对网页制作有了解的人，想必对css 也并不陌生吧。经常听到一个比喻（还蛮贴切的）；如果说，html是一个人，那么css就像人穿着的衣服，javascript 就像人的动作，为网页注入灵魂（可以为用户提供更多交互）。
**那么我们就可以从上面这段话可以看出，css的主要作用。对没错，就是让我们的网页更好看的。
css，中文全称层叠样式表。用于改变网页的样式内容。网页开发者可以通过更改css内容使我们的网页更加不一样。这便是css的奇妙之处。
css有三种写法，分别为行内式，内联式 及 外联式
行内式：即在html标签内套嵌入css语法即可。
外联式：链接一个单独的css的文件，这样可以让代码变得简洁一些。方便日后更改和为维护。
内联式：即在一个html文档中，以标签包裹着内容即为行内式css。

****css 语法如下，选择器+属性+属性值；
例如 在html 中的

标签，如果在css语法（当然，这里并不指代行内式css 行内式css 直接给一个**style=""属性即可）；中，若要改变该标签样式，例如若要

颜色为红色，即输入css语法p{color:red;}即可改变html页面的带p标签内容的颜色。可以看出，例句：p{color:red;} p为选择器，color为属性，red 为属性值。（提醒一下 css 语法并不严格要求在属性值后面带分号，但是，为了有一个好的开发习惯。也为了代码审计的时候看得舒服，建议还是加上。）
一个选择器可以有很多的属性和属性值。 如果有属性未赋值，将报错。

盒子模型

• 提到css，就不得不提盒子模型 其实，每个元素都可以看作一个盒子（表单除外）；他们可以理解为一个个装着东西的盒子。
  比如说**
  就是从页面中划分一个单独的逻辑块级元素，以存放一些开发者想要放置的一些比较特殊的内容（可以这么理解， 就像编程中划分内存，放数据，）
  盒子模型中，在开发网页的时候，开发者可以规定盒子的样式，大小颜色等属性，以达到制作不同的盒子的效果。常见属性为：border，top，left，right属性，还有padding属性，margin等。

1. padding：填充盒子内边距。放置的元素可以把盒子撑大。
2. margin：外边距，即距离边框的距离，有 top，bottom，left，right 属性。
3. 调整该属性即可改变盒子的位置和样式。使盒子变得多样化。

综上所述，改变盒子，就可以改变，大小，样式，是内容多样化

文章篇幅关系，未来得及去一一赘述，望谅解，再加之本人也不是行业大牛，也只能写出这些浅薄之谈。望谅解。哈哈，下次有时间再来完结粗谈css （2），咱们回见