内联式css样式

最新推荐文章于 2024-07-02 11:08:14 发布

紫颖梦忆

最新推荐文章于 2024-07-02 11:08:14 发布

阅读量1.7k

点赞数

文章标签：学习阶段

本文链接：https://blog.csdn.net/jiaqingge/article/details/52564343

版权

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>内联式css样式02</title>
   <style type="text/css">
       /*
           在style标签里书写css样式
       */
       /*如何找到想要设置样式的元素???*/
       /*选择器*/
       div {
           background:yellow;
           height:200px;
           line-height:200px;
           /*text-align:文本或图片的对齐方式:left,center,right.默认左对齐*/
           text-align:center;
       }
       /*当所开发的网站只有一个网页时,建议使用该书写css样式的方法*/
       /*学习中常用,工作时一般不用*/
       span {
           background:red;

       }
       /*
           内联式引入css样式:
           缺点:不具有针对性;
           优点:1.设置样式快速;
               2.符合W3C理念;
               3.代码整洁,清爽.
       */
   </style>
</head>
<body>
   <div>这是一个div</div>
   <span>这是一span</span>
</body>
</html>