码迷,mamicode.com
首页 > Web开发 > 详细

初识css3

时间:2017-10-30 15:05:44      阅读:260      评论:0      收藏:0      [点我收藏+]

标签:绿色   写入   选择器   tle   选择   插入   效果   字体大小   ...   

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

标签:绿色   写入   选择器   tle   选择   插入   效果   字体大小   ...   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!