1.双击打开HBuilderX工具,创建一个新的HTML5静态页面,如下图zd所示:
2.在body标签元素中插入多个div标签,并用div将它们嵌套在div中,如下图所示:
3.在标题标签下面添加一个样式,设置全局版本的样式,并使用*符号,如下图所示:
4.保存代码并打开浏览器查看页面效果。可以在页面上找到背景颜色,如下图所示:
5.使用body标签选择器设置宽度、字体属性、字体大小等属性,如下图所示:
6.最后,使用body标签内部的div选择器来设置div标签样式,并添加边框和内外边的权重距离,如下图所示:
link是未访问的时候,visited是已访问的时候,hover是鼠标移动到链接上时,active选定的时候
提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
同样使用less样式