您现在的位置:首页 >> 前端 >> 内容

CSS第一课

时间:2017/1/20 9:52:44 点击:

  核心提示:那么我们为什么要用CSS呢?下面简单来阐述一下通过标签来修改样式的缺点:①需要记忆哪些标签具有哪些属性,如果这个标签没有这个属性,那么设置之后就不会产生任何效果。②当需求变更的时候,我们需要修改大量代...

那么我们为什么要用CSS呢?

下面简单来阐述一下通过标签来修改样式的缺点:

①需要记忆哪些标签具有哪些属性,如果这个标签没有这个属性,那么设置之后就不会产生任何效果。

②当需求变更的时候,我们需要修改大量代码来满足需求。

③HTML只有一个作用:添加语义。所以不应该要用HTML来修改样式

综上所述呢,在企业开发中我们不用HTML来修改样式,而用CSS来修改样式。

那么,用CSS有什么好处呢?

①不用去记忆哪些标签具有哪些属性

②当需求变更的时候不用去修改大量的标签,只需要修改一个地方就可以满足现有的需求。

③在前端开发中, CSS只有一个作用:修改样式。

HTML标签写在body中,那么CSS需要写在哪里呢?CSS要写在head标签之间。

CSS的固定格式:

CSS的代码必须写在 之间,同时这两个标签必须写在和之间。

举个栗子:

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>CSS初体验</title>  
    <style type="text/css">  
    p{  
       text-align: center;  
        color:red;  
    }  
    </style>  
</head>  
<body>  
   <h1>你好</h1>  
<p>我是Qiuqiuqiu</p>  
</body>  
</html>

其中style标签中的就是CSS语句。

①style标签必须写在head标签之间,和title标签是兄弟关系。

②style标签中的type属性其实可以不用写,默认的就是text/css

③设置样式时,必须按照固定的格式来设置 :属性名称 : 属性值; 其中,“:”一定不能省略。“;”也不可以省略。总之,“:”和“;”都不要省略就好了。

Tags:CS SS S第 第一 
作者:网络 来源:CallMeQiuq
  • 上一篇:文章标题
  • 下一篇:Bootstrap按钮下拉菜单