web学习-项目练习-No.2-博客

博客项目是在游记项目的简陋网页上进行样式的美化和改变。

思路：

1. 重置CSS样式，新建的style-reset.css文件，将浏览器的默认样式重置；
2. 根据要求设置不同类、不同元素的样式；
3. 打开设置过CSS样式的html文件，对比一下要求，看是否有不对的地方，进行增删查改。

<1> 下划线样式

效果如图：

描述：
在h1标题的文字下方显示一条下划线，文字下方颜色是#188eee，其他颜色为#ccc，宽度当前所在标签模块的宽度。

实现代码：

  background-image:  linear-gradient(to right,#188eee 96px ,#ccc 96px);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 3%;

<2>有序列表的序号样式更改

效果如图：

描述࿱