5 views

CSS选择器练习

练习1

•新建3个段落内容自定义,id值分别为:one、one2和three。Class分别定义为a、b、a。 •要求使用E[att^=value]选择器使得前两段文本字体为自定义字体、红色、大小为28像素、字间距为1.5em、行高1em。 •要求使用E[att^=value]选择器使得第1和第3段文本为蓝色。

练习2

•新建3个段落内容自定义,id值分别为:one、dree和three。在第1段前面和第3段前面分别插入1张图片。 •要求使用E[att$=value]选择器使得后两段文本字体为“微软雅黑”、蓝色、大小为30像素、斜体、行间距1.5em。 •为宽度以39像素开始的图片添加蓝色、2像素的边框。

练习3

•新建3个段落内容自定义,id值分别为:one、dree和three。在第1段前面和第3段前面分别插入2张图片。共4张图片。 •要求使用E[att*=value]选择器使得所有文本字体为“方正姚体”、绿色、大小为1.5em、有下划线、背景为黄色。 •要求把第2和第4张图片的边框设置为红色2px。

综合练习

点击查看练习题