一、样式表基础
1. 标记符也称为项目标识符
类似于ul、ol、h1
2. 嵌套样式
如果要采用样式的嵌套,首先要先列出上层样式名称,随后接着列出字样式的名称,一起来标出该项目符号是嵌套的。
如(ol ul {list-style-type: circle})
备注:新的样式规则位于现有规则的花括号外。
二、字体的格式
1. 指定字体系列得到
使用font-family:Serif、Sans-serif、Cursive、Monospace
2. 设定字体的颜色和尺寸
使用font-size:em、px、medium
3. 应用粗体和斜体
使用font-weight:bold(粗体)、normal、number(like 100 800 900)
使用font-style:normal、italic、
4. 应用下划线和删除线
使用text-decoration:
underline(线在字体下方)、
overline(线在字体上方)、
line-through(删除线)、
blink(字符文本闪烁)、
none(去除一切继承)
5.调整字符间距和词语间距
使用letter-spacing和word-spacing:4px, 默认值为0, 正数是增加空格,负数是减少空格
6. 为字体设置颜色
使用color设置字体的颜色
三、段落格式
1. 段落缩进
使用text-indent:20px 10% ---首行缩进
使用padding(-top right bottom left ):20px ---内边距
使用margin (-top right bottom left ) :20px ---外边距
2. 段落边框
使用border-style:solid(实线)、dotted(虚线)、dashed(短划线)、
double(双线)、none(无边线)、groove(虚线)、
ridge(脊线)、inset(阴刻线) outset(阳刻线) ---设定边框样式
使用border-color: blue ---设定边框颜色
使用border-weight:12px ---设定边框粗细
使用border:2px green solid ---同时设定border
3. 段落文本水平对齐方式
使用text-align:center、left、right、justify(两边对齐)
4. 段落中设置行间距
使用line-height:125% ----间距大小是字体尺寸大小乘以行高百分比