在CSS3中有一类选择器---属性选择器,可以根据属性、属性等于值、属性不等于值、杨钭维程属性以什么开头、属性以什么结尾和属性包含什么。下面利用实例说明属性选择器的用法,操作如下:
工具/原料
CSS3
HTML5
HBuilderX
浏览器
截图工具
方法/步骤
1、第一步,在已打开HBuilderX工具中新建页面,并在页面中插入div和多个超链接a,如下图所示:
2、第二步,利用第一个div标签类选择器,设置元素的样式,如宽度、边框、内外间距,如下图所示:
3、第三步,保存代码并打开浏览器预览页面效果,可以发现几个字母依次排列,如下图所示:
4、第四步,再使用类选择器和元素选择器,设置宽度、高度、行高、背景色等,如下图所示:
5、第五步,再次保存代码并预览页面效果,可以发现九个格子的块,如下图所示:
6、第六步,如果想要设置中心位置的元素样式,可以使用class等于commonmiddle,如下图所示: