css选择器有,标签名选择器,类选择器,ID选择器,后代选择器,群组选择器。
新建文件创建标记选择器。
效果。
创建类别选择器。
创建ID选择器。
效果。
附上源码。
1、双击打开HBuilderX工具,并新建一个HTML5静态页面,如下图所示:
2、在body标签元素内,插入多个div标签,并使用div嵌套,如下图所示:
3、在title标签下方添加一个style,设置全局的样式,使用*符号,如下图所示:
4、保存代码并打开浏览器查看页面效果,可以发现页面有背景色,如下图所示:
5、再利用body标签选择器,设置宽度、字体属性、字体大小等属性,如下图所示:
6、最后使用body标签内的div选择器设置div标签样式,添加边框、内外边距,如下图所示: