本周继续完善大众点评，遇到了几个智力问题。在此记录下背景背景的作用是将图片设置成你想要的状态。背景图片可重复设置。设置背景需要的属性background-...设置多个背景时：使用background-image来指代多张图片，后面相应的属性操作也可以用来区分background-image：url1,url2,...,网址;背景重复：重复1，重复2，...，重复N；背景位置：position1,position2,...,positionN;背景尺寸：尺寸1、尺寸2、...、尺寸N；背景附件：附件1，附件2，...，附件N；背景剪辑：clip1，clip2，...，clipN；背景原点：原点1，原点2，...，原点N；背景颜色：颜色；codes是对应的示例背景Position，依赖background-origin属性定位背景图片，该属性有content-box、padding-box、border-box三个属性值，对应关系如下：但是笔者觉得background属性的使用还是不是很灵活，因为笔者没有发现背景图片可以像box模型一样灵活调整，所以当出现一些图片的时候，推荐使用![]()
标签。关于全局属性的理解，之前看html的时候对这个概念理解的不是很好。这周我又意识到了。您可以为元素设置属性。不同的属性具有私有属性值。可以为大多数元素设置一些属性。这些属性称为全局属性。全局属性方便我们对html的整体把握和一些细节的使用常见的全局属性：id,class,style...data-*数据的理解是全局属性。我在写大众点评的时候遇到了一件奇怪的事情。这段代码中有文本，比如data-click-title。乍一看很容易理解，这是点击后会出现的操作，但查阅资料后却不是这样。这段代码类似于我们在在c++中理解的变量，在js中，data在js中也可以理解为var，当我们需要在这个元素中标记一些东西的时候，我们可以把这些东西存储在这个data-*-..变量中为什么会有这样的格式呢？就像我们设置class类一样，很容易记住data属性有自己独特的命名方式。data-*属性由以下两部分组成：属性名不能包含大写字母，data-b后必须至少有一个字符。该属性可以是任何字符串注意：自定义属性前缀“data-”将被客户端忽略。data-*属性用于存储在私有页面后面应用的自定义数据。data-*属性可以在所有HTML元素中嵌入数据。关于bootstrap行必须分12列，只是看你需要多少不同的引用当添加超过12列时，自动换行xs,md,sm等根据页面宽度分级。改进的导航栏导航栏有问题，就是排列的问题（上图是完美版）。我遇到过一个问题：每个小块不能完全展开，每一行不能排列整齐。我采用了两种方法：在p标签中设置a标签，直接对齐a标签进行操作，但是效果不好，行处理到位，但是列不能对齐操作li标签，不能设置列宽，问题不一样。问题的本质：是关于display属性的，inline属性不能进行很多操作。它需要修改。它可以作为一个块正常运行。关于具体的思路和知识点，之前的博客写到这只是一个具体的用例。诚然，layoutit是神器。确实，排版和CSS的效果，拖拽模块好用不利于初学者掌握概念，但有利于快速搭积木代码越自然，越能看懂命名和注释的重要性。以后一定要养成评论的好习惯。文件分类、命名、引用都要遵守规范，有章可循，有条不紊，效率高。探究border属性，如果要表达正常想要的效果，就必须写出border的格式，否则即使设置了border的宽度和颜色，也显示不出来。
