CSS基础

简介

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

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

语法

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

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

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

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

例如

 p {color:red;text-align:center;}

选择器

分为id ， class，标签名以及组合选择器

标签名选择器

格式：

标签名{
    属性:值;
    
}

id选择器

id 选择器可以为标有特定id属性的标签指定特定的样式。

标签属性以id来设置id选择器,CSS 中 id 选择器以 “#” 来定义。

#id名{
    属性:值;
    
}

class选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示。

.class名{
    属性:值;
    
}

组合选择器

可以将标签名，id，class三种选择器组合使用。

选择器1,选择器2,选择器3{
    属性:值;
}

常用样式

颜色：color

可以写颜色名：red，black，blue，green等

也可以写rgb值和十六位进制表示值：如rgb(255,0,0)，#00D6DE

如果写十六进制则必须加 #

宽度：width

可以写像素值：19xp

也可以写百分比值：20%

高度：hight

属性值同宽度width

背景颜色：backround-color

属性值同颜色color

字体样式：font

在一个声明中设置所有字体属性

像素实线边框：solid

例如：border:1px solid red; 红色一像素实线边框

DIV居中

需设置margin_left与margin-right

两者都是设置为auto则为居中

文本居中

text-align : center

超链接去下划线

text-decoration: none;

表格细线

border属性来设置边框

border-collapse: collapse 将边框合并

列表去除修饰

即去除无序列前的黑点和有序列表钱的排序

list-style: none;