标签:样式表 border bubuko 声明 图片加载 选择器 idt png doc
CSS指层叠样式表(Cascading Style Sheets)
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js" type="text/javascript"></script> <title>Document</title> <style type="text/css"> /*选择器的优先级: 属性选择器 > id选择器 > 类选择器 > 标签选择器*/ /*标签选择器*/ img{ border: 10px solid red; width: 200px; } /*类选择器*/ .demo{ width: 500px; } /*id选择器*/ #test{ height: 200px; width: 300px; } /*属性选择器*/ img[alt] { padding: 20px; color: red; margin: 100px; border: 30px solid; } </style> </head> <body> <img src="images/girl.jpg" class="demo" id="test" alt="图片加载不成功"> </body> </html>
标签:样式表 border bubuko 声明 图片加载 选择器 idt png doc
原文地址:https://www.cnblogs.com/zydev/p/9220988.html