推荐微网站建设,娄底seo排名,婚纱摄影图片,杭州设计院排行榜视图允许我们为分别定义用来包装字段内容#xff0c;字段标签#xff0c;还有字段内容和字段标签的 HTML 标签。这里我们先来看一下电影的标题字段#xff0c;可以使用 Chrome 浏览器的开发者工具查看一下#xff0c;鼠标放在其中的一个电影标题内容上#xff0c;点击右键…视图允许我们为分别定义用来包装字段内容字段标签还有字段内容和字段标签的 HTML 标签。这里我们先来看一下电影的标题字段可以使用 Chrome 浏览器的开发者工具查看一下鼠标放在其中的一个电影标题内容上点击右键审查元素。在这里你可以看到包装这个电影标题字段内容的是 标签。下面我们修改一下打开视图的编辑界面…把鼠标放在这个内容列表上在列表的右上角会显示一个齿轮图标点击这个齿轮图标然后选择 编辑视图这样可以直接打开这个视图的设置界面。我们要设置的是 内容标题 字段点击打开这个字段。 然后点击 样式设定 …这里已经勾选了 添加默认类(! 去掉)它会在包装字段的 HTML 标签上定义一些 CSS 类如果你不想使用这些默认的类或者想添加自己定义的类可以取消这个选项。除了这个选项另外还有三个选项它们可以控制包装字段使用的 HTML 标签还有在上面定义的 CSS 类。我们要修改的是包装字段内容的 HTML 标签勾选一下 定制字段的 HTML然后在 HTML 元素 下面的下拉菜单里我们可以重新为字段内容选择包装的 HTML 标签选择 h3 。如果你想在这个 HTML 标签上添加一个 CSS 类可以勾选下面的 生成一个CSS类 这个选项然后输入自己定义的类名…点击 应用 保存…回到电影列表页面…再查看一下电影标题字段的元素… 你会看到这里会使用我们选择的 h3 这个元素来标记标题内容。在这个 元素的外面还有一个 标签这个标签就是用来包装字段标签和字段内容的标签。你可以利用这个标签为字段添加一样复杂的样式… 如果用不到我们可以去掉这个 HTML 标签。把鼠标放在内容列表上点击右上角的齿轮图标编辑视图点击 内容标题 这个字段打开 样式设定。勾选一下 定制包装字段和标签的 HTML点击 HTML 元素 下面的下拉菜单选择 无。点击 应用 保存…回到电影内容列表页面…再查看一下标题字段的元素… 这里视图不再输出同时包装字段和标签的 HTML 元素了。用同样的方法你可以处理一下包装其它字段使用的 HTML 元素。尽量保存代码的简洁去掉那些不需要的 HTML 标签。
