本文共 860 字，大约阅读时间需要 2 分钟。

1. css 概念

cascade style sheet

级联，层叠 样式 表格

控制网页上标签的各种样式： 颜色，字体，边框，间距...

2. css 格式

1. 行内样式
   每个标签加一个样式

        2行

   <标签 style="多个样式">

缺点：样式代码重复

1. 内部样式表

        6行

可以解决样式重复

1. 外部样式表
   把样式信息定义在一个单独的 *.css 的文件中

        6行

3. 行内样式

        2行

   <标签 style="多个样式">

3.1 颜色控制

color:颜色值

颜色值可以是英文单词：red，blue，green，yellow, black, white 也可以是红绿蓝三原色： rgb(255,0,0) 还可以是16进制的值来表示： #FF0000

background-color: 背景色

3.2 字体相关的样式

font-size 像素 n px; 字体本身大小 n em;

font-family 字体名称：如宋体，隶书 ... font-style: italic; 斜体 font-weight: bold; 粗体

3.3 对齐方式

text-align: center 居中， left 左对齐， right 右对齐

3.4 背景相关

background-image: url(背景图片路径)

background-repeat: 控制背景图片如何重复 no-repeat(不重复) repeat-x repeat-y repeat(xy方向上都重复) background-size: 110px 缩放背景图大小

3.5 div 标签

容器标签，可以容纳其它标签

 

... 作用：1）页面布局， 2) 统一处理

3.6 宽高

width: 宽度

height: 高度 单位可以以像素为单位 n px, 还可以是百分比 n %(以父元素为基准)

3.7 边框

border-color: 颜色

border-style: 样式（实线等） border-width: 宽度 可以把它们合并为一个 border: blue solid 100%;

转载地址：http://fhksi.baihongyu.com/