1. css 概念
cascade style sheet
级联,层叠 样式 表格
控制网页上标签的各种样式: 颜色,字体,边框,间距...
2. css 格式
- 行内样式
每个标签加一个样式
2行
<标签 style="多个样式"></标签>
缺点:样式代码重复
- 内部样式表
6行
<html>
<head>
<style>样式定义</style>
</head>
</html>
可以解决样式重复
- 外部样式表
把样式信息定义在一个单独的 *.css 的文件中
6行
<html>
<head>
<link rel="stylesheet" href="css文件路径">
</head>
</html>
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%;