一.简介
前端三层:
三层 | 全称 | 描述 |
---|---|---|
HTML | 超文本标记语言 | 从语义的角度描述页面结构。 |
CSS | 层叠式样式表 | 从审美的角度负责页面样式。 |
JS | JavaScript | 从交互的角度描述页面行为。 |
css
是cascading style sheet
层叠式样式表的简写。
type
表示“类型”, text
就是“纯文本”。css
也是纯文本的。
<style type=”text/css”>
</style>
Snip20161108_1.png
二. CSS属性(*代表常用)
name | 描述 |
---|---|
* background-color: red | 背景颜色为红色 |
*color:blue | 字体颜色w为蓝色 |
*font-size:30px | 字体大小 size:尺寸 px:像素 |
*font-weight | font:字体 weight:重量 |
*font-style | 斜体:italic 不斜体:normal |
*text-decoration | underline(下划线) none(没有下划线) |
*padding | 内边距(四种方式) |
*margin | 外边距(四种方式) |
*border | 设置边框(border-width、border-style、border-color) |
overflow | 设置超出元素边界内容的显示 |
text-indent:2em | em汉字的一个宽度 |
line-height | 垂直居中 |
cursor | 设置光标的类型 (手指 十字架) |
text-decoration | 设置a标签的下划线 |
text-align | 水平居中 |
list-style | 设置列表左边编号的类型,经常用 none 显示类型(none、block、inline、inline-block) |