首页 > Web开发 > 详细

初识css3

时间:2017-10-30 12:45:19      阅读:291      评论:0      收藏:0      [点我收藏+]

会使用行内样式,内部样式和外部样式为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.总:行内样式>内部样式>外部样式

 

初识css3

原文:http://www.cnblogs.com/a1qqcom/p/7753812.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!