CSS笔记01

CSS笔记01

CSS的注释为：

/* 这是一段注释 */

行内式：

<标签名 style="属性：属性值1 ; 属性2：属性值2;">内容</标签名>
<h3 style="color:#ccc; font-size: 20px;">青春不常在，抓紧谈恋爱</h3>

内部样式表：

在开头的-head-里面

<style>
        标签1 {
            属性1：属性值；
            属性2：属性值；
            ……
        }
        标签2 {
            ……
        }
        /*加背景*/
        body {
            background: url(#);
        }
    </style>

外部样式表：

新建css文件，在html中添加

<link rel="stylesheet" href="CSS文件路径">

选择器：

类选择器：
点定义，class调用

.red {
    color: red ;
}

<标签 class = “red 类1 类2 ……”>

#类名{
        属性：属性值；
    }
<标签 id = "类名">

<!-- 通配符选择器 -->
    * {
        属性：属性值；
    }

应用所有

css 字体样式属性

font-size : 25px; 字号大小
font-family :"微软雅黑",Heiti,……; 字体

1. 现在网页中普遍使用14px+。
2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。
3. 各种字体之间必须使用英文状态下的逗号隔开。
4. 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。
5. 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family: "Times New Roman";。
6. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。

font-weight:normal(bold/number 400-相当于正常 700-相当于加粗 后面均不加单位)
如：

font-weight:400

字体倾斜：

font-style:italic(normal)

常用作强调，一般让斜体不倾斜

    em {
        font-style:normal;
    }

字体连写：

选择器{
font:  font-style  font-weight  font-size/line-height  font-family;}

使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。

注意：其中不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用。

    color:#000000
    color:rgb(255,255,255)
    color:rgba(255,255,255,1) /*带有透明度*/

line-height : 30px; /*行间距，一般比字号多8px即可*/

text-align: center ;  /*文本水平对齐方式*/
text-indent: 2em; /*首行缩进，单位em*/

text-decoration :underline(下划线) / line-through（删除线） / none(可以取消下划线)