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张图片且在img标记中设置它们的宽度为390px。 •要求使用E[att$=value]选择器使得后两段文本字体为“微软雅黑”、蓝色、大小为30像素、斜体、行间距1.5em。 •为宽度值为“39”开头宽度的图片添加蓝色、2像素的边框。(例如,为某个元素添加红色边框“border:1px solid red”)

练习3

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

综合练习

点击查看练习题