分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

初识css3

发布时间:2023-09-06 01:21责任编辑:郭大石关键词:暂无标签

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved