认识CSS的作用
源代码
(
显示异常
)
：
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学CSS网(xuecss.cn)</title> <style> body { background-color:#f08a5d; } /*解释：控制<body>...</body>中的背景颜色为橙色*/ h1 { color:#b83b5e; text-align:center; } /*解释：控制<h1>...</h1>字体红色和居中*/ p { font-family:"Times New Roman"; font-size:20px; } /*解释：控制<p>..</p>字体和字体大小为20px */ </style> </head> <body> <h1>大家好，我是CSS爱好者，我的样式由h1{...}控制</h1> <p>这是一个段落。我的样式由p{...}里面的数值控制</p> <h1>我的样式依然由h1{...}控制</h1> </body> </html>
运行结果
全站首页
编辑器
CSS学习
空编辑器
留言本