行内元素与块级元素
想要网站好看，不光看设计，还得把行内元素和块级元素的用法整明白了。把握住这个，网页就能美美的！啥叫行内元素？哪儿能用上，怎么用？别急，继续瞅瞅，保证你都懂！
行内元素
你看出来没？网页里的行内元素就像是武林高手一般神奇！它们全能又具体，搞定了整个文本段落的事情，也把逗号和空格这种小细节处理得恰到好处。而且，不用占地儿就能做事，就好像是那种轻盈活泼的人，跟着文章内容变动，哪儿藏匿的内容都跑不了。
做网页设计？记得加点儿大小类型呢不过效果可能不大显眼。记住，行内元素可是有个性滴，讨厌’margin’和’border’这些东西在它身上瞎折腾。要让它变样，试试看’padding’和’border’，准管用！
来！往下看，学完这课，轻松搞定几个跟红色词有关的行业小任务~
我是一个行内元素
html <span style="color: red;">这是一个行内元素</span>
块级元素
块状元素就是那种霸占一整行空间的东西，比如<h1>、
这些。
不就那俩特殊字符’,,’跟’,’，看着像字母，实际上牛得很，随便在句中加两三个都行。而且，你还可以随意调整它们的大小啊、高度啊、左右位置嘞！
CSS这个神奇的家伙，让你在画长方形状时，想怎么调节尺寸就怎么调节（别忘了用width和height这两个重要参数~）。如果你希望下方留出点空间，那就试试margin；要是想改变边框的外观，果断试试 Border。更妙的是，只要让这些长方形换成`inline-block;`的展示形式，就能排列得井然有序，而且还保留了长方形原有的特色！
举个例子，在下面的代码中创建了一个黄色背景色的块级元素：
应用场景与使用方法
把内嵌元素搞上，网页上的字儿就好玩多了。换个颜色啊、插个链接呀都成。你知道不?还可以用它来插入照片呐！
你听说过版式设计吗？其实这个东西就像搭积木一样，要安排好首页上的字啊什么的，还有那个导航栏的位置等等。记住，写文章也要学会用一些小技巧。而且平时我们给资料整整理理的时候也能用到，比如说弄个好点的标题之类的咯。
记好了想要做出美美的网页，得琢磨好CSS里的行内粒度和块状元素。选对它们，根据需求来调整网页布局和样式就没问题了！
评论0