CSS简介 - 码农教程

CSS定义

　　层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

　　CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

CSS语法

　　CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。

selector {declaration1; declaration2; ... declarationN }

　　 选择器通常是您需要改变样式的 HTML 元素。

　　每条声明由一个属性和一个值组成。

　　属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值用冒号分开。

CSS格式

　　1.一般定义在头文件里面

　　2.需引入<style type="text/css"><style>

　　3 样式的定义必须在style标签内

<style type="text/css">
    //在这里进行定义，例如：
     body {background-color: yellow}
</style>

CSS常用属性

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #div1{
            border: 1px solid red;    //边框
            width: 500px;　　　　　　　 //宽
            height: 300px;　　　　　　　//高
            background: url(image/59.jpg);　//背景
 
            font-size: 60px;　　//字体大小
            color: red;        //颜色
            font-family: 楷体;  //字体类型  
            text-align: right;  //文本居右
            line-height: 300px;  //行高           
 
            font-style:italic;　　　　//字体风格
            font-weight: bold;     　　//字体粗细
            text-decoration: line-through;    //下划线
        }       
    </style>    
</head>
<body>
    <div id="div1">
        文字信息
    </div>  
</body>

CSS样式分类

内联样式

外联样式

行内样式

<某标签 style=”...css属性设置...” >。。。。</某标签>
选择器语法的符号含义：
各选择器的形式语法中的代号含义如下：
E：代表“Element”，即元素；元素就是标签（tag）
S：代表“Seletor”，即选择器；
attr：代表“attribute”，即属性；

总结

CSS是对HTNML标签进行美化，使得网页更加具有观赏性，这就好比化妆一样，化妆之后更加好看。