初识css3

会使用行内样式,内部样式和外部样式为HTML和css样式

1.css概念:表现HTML或HTML文件样式的计算机语言.包括字体、颜色、边距、高度、宽度、背景图片、网页定位等设定

2.发展史:1996年css1.0;1998年css2.0;2004年css2.1;2010年css3.0

3.css基本语法结构:选择器{声明1;

            声明2;

            .......}

4.style标签:

  <head>

    <title></title>

    <style type="text/css">

      h1{                    内部样式

        color:red;   字体颜色

        font-size:30px;  字体大小

      }

    </style>

  </head>

  <body>

    <!--  -->

    <h1>hello css3</h1>                     (蓝颜色字迹处改变的是绿色字迹处的“hello css3”的颜色)

    <h2>hello css3</h2>

    <h3>hello css3</h3>

  </body>

5.行内样式:<h1 style="color:yellow;font-size:100px;">行内样式</h1>   ("行内样式"几个字为黄色效果)

注意:写代码时的习惯和一些细节

6.外部样式

.<link  href="../css/week.css"  rel="stylesheet"/>

步骤:一、建一个以.css结尾的文件

   二、在文件中写入css代码

   三、在html中引入css文件

位置放在<head></head>在<style>上面  相当于从外部插入文件。

还有一种<style  type="text/css">

       @import url("../css/week.css);

    </style>

二者位置不一样,但一般都用第一种

7.总:行内样式>内部样式>外部样式

8.css语法规则,使用<style>标签引入css样式

posted on 2017-10-30 11:40  剑荡四方  阅读(157)  评论(0编辑  收藏  举报

导航