zoukankan      html  css  js  c++  java
  • 2014年辛星解读css第一节

     CSS是Cascading Style Sheets的缩写。即层叠样式表,它用于表现HTML的样式,即HTML仅仅是去写该网页有哪些内容,至于怎样去表现它们,由CSS去定制。

    *************时代的呼唤*************

    1.在之前,我们直接把网页的格式写到HTML中去,这样会造成格式的混乱,并且难以阅读和改动,只是这不是最大的问题,最大的问题在于我们想给网页换一个表达样式的时候,须要改动的地方不仅非常多关键是非常零散,须要花费非常大的力气去定位这些样式。

    2.于是,把网页内容与其表现形式相分离的想法就出现了,CSS可以实现对网页中的对象的精确控制,并且支持差点儿全部的字体字号样式,还拥有对网页对象和模型样式进行编辑的能力,并且可以进行一定的交互设计。因此功能还是比較强大的。

    3.CSS的可读性也非常强,略微熟悉一点英语的。也可以非常轻松的读懂CSS代码所要表述的意思,而且取改动它的样式。

     

    ***********CSS的历史*************

    1.1996年12月17日,CSS1公布,1999年。此推荐被修订。

    2.1999年1月1日,CSS2公布,而且添加了对媒介和一些字体的支持。

    3.2001年5月23日,CSS3公布,可是仅仅是一项草案。并没有成为W3C的推荐标准,W3C的推荐标准还是1998年5月12日退出的CSS2.

     

    **************CSS高速入门*************

    1.CSS的入门比HTML并不高多少。也是一句话入门。剩下的就是实战了。

    2.CSS的语法例如以下:

            选择器{ 声明1;声明2。声明3;.....声明N}

    3.这里的声明是以 “属性:值”的形式,并且多个声明之间用分号进行切割,即C语言的语句分隔符。

    4.这里的属性是我们希望设置的样式属性。至于详细的属性。我们后面会说。

    5.先看一个样例:

    h1 {color:red; font-size:14px;}

    这里的h1就是选择器,当然这里我们直接用标签当做选择器了。后面的color属性取值为red,而后面的font-size属性取值为14个像素。

    6.当中color:red就能够理解为一个声明。

    7.我们的CSS由多个这种规则组成。

     

    *************演示样例*************

    1.我们先写一个HTML文件,取名为”xin.html“。内容例如以下:

    复制代码
    <html>
    <head>
        <title>2014年辛星CSS教学夏季版</title>
        <link rel="stylesheet" type="text/css" href="my.css">
    </head>
    <body>
        <p>辛星CSS,期待您的关注,分享知识,传递温情</p>
    </body>
    </html>
    复制代码

    2.能够从第四行代码看出,它导入了一个my.css文件,然后我们在同一文件夹下新建一个my.css文件。书写内容例如以下:

    p{color: green;font-size: 14px;text-align: center;}

    3.我们都保存完成之后,就能够双击打开my.html文件,发现文字都在中间而且是绿色的。

    4.至此。我们大致理解了css的工作机理。以下我们開始深入css的细节处開始学习。

     

     

    *************小结**************

    1.我们理解了CSS的由来,以及我们演示了CSS的语法。

    2.然后我们通过一个小型的样例。演示了CSS的大致使用方式。

  • 相关阅读:
    pgsql查询优化之模糊查询
    两款不同应用场景的Wpf分页控件
    C# 客户端程序调用外部程序的三种实现
    WPF DataGrid自动生成序号
    WPF控件自适应屏幕
    NOPI实现导入导出泛型List,支持自定义列
    WPF蒙板弹窗
    定时发送邮件
    数据库基础知识介绍(MySQL)
    动态数据透视表
  • 原文地址:https://www.cnblogs.com/wzzkaifa/p/7281497.html
Copyright © 2011-2022 走看看