图片全覆盖与不空行字体不同的设置
首先附上上次一次的效果图 这一次就解决这个问题
由于图片小于屏幕，所以会出现图片多次重复的问题，这个问题很多刚入门的设计小白都会遇到 比如我，但也很好解决，为此我想到了两个解决方法，第一个比较傻瓜式的直接找一张比较大的图片，会PS的也可以直接把它扩大到合适的大小，第二张就需要用咱们的代码来解决了。首先附上我的代码
body{background:url() no-repeat center center;
background-size:cover;
background-attachment:fixed;
background-color:#CCCCCC;}
第一行url（）括号中直接复制网络图片的网络地址 no-repeat 代表图片不重复出现 两个center 代表水平居中 垂直居中。
background-size:cover;代表背景图片的尺寸为全覆盖 会把图片按原长宽比例放大，放到大合适的大小，但有可能会使部分图片不显示。
background-attachment:fixed;使背景图不随页面滑动而更改
background-color:#CCCCCC;}定义背景颜色为图片颜色这里可不写
在此附上效果图
接下来解释地第二个问题不空行且字体不同的设置。
在网页基础的中 如果h标签和p标签连续编程会出现空行
例子
效果
在一些测试中会给你一个网页 让你按照网页自行编程，但他的标题和正文内容之间没有空行，并且字体、颜色都不行同。要解决空行问题需要用到单字符 < br >这个名为换行符在同一标签中使用换行符不会有空行。
例子
效果
这样可以解决空行问题，但我遇到的题目要求是标题行加粗 文本内容为绿色字。如果在< body >中直接设置p标签进行加粗和颜色编译 会发现标题和内容同时加粗和改变颜色，无法达到预期效果。在这里变需要在p标签中之间使用语句嵌套，加粗 < b >颜色< font color="" >话不多说，直接上图
代码
效果
最后附上我当时做的题目有兴趣的自己可以尝试一下。
题目
这里视觉问题，正文内容是绿色字体。
附上代码（代码不唯一）
效果图
好了，此次文章到此结束。