css使用代码及注释
index.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>框架</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="demo1"> demo1 </div> <p style="color: red;">这是一个有趣的故事</p>
</body> </html>
|
style.css
1 2 3 4 5 6 7 8 9
|
@import url("css.css");
.demo1{ color: blue; background: red; width: 400px; height: 400px; border: 1px solid black; }
|
css.css
1 2 3
|
body{ background-color: green; }
|
demo1.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
|
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo1</title> <style> *{ margin: 0px; padding: 0px; }
.demo1{ color: red; background: blue; }
p{ color: red; }
#demo2{ color: grey; } </style> </head> <body> <div class="demo1"> demo1 </div> <p>这是一个段落</p>
<div id="demo2"> demo2 </div>
</body> </html>
|
demo2.php
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
|
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo2</title> <style> .div1,.div2{ width: 400px; height: 400px; }
.div1{ background: red; } .div2{ background: blue; }
.ul1 li{ color: red; }
</style> </head> <body> <div class="div1"></div> <div class="div2"></div>
<ul class="ul1"> <li>第一课</li> <li>第一课</li> <li>第一课</li> </ul> </body> </html>c
|
我的个人博客
FROM:gylq.gitee Author:孤桜懶契
免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉。
点赞
https://cn-sec.com/archives/729960.html
复制链接
复制链接
-
左青龙
- 微信扫一扫
-
-
右白虎
- 微信扫一扫
-
评论