2018-03-29
2018-03-29 本文已影响0人
饥人谷_二丫
CSS入门（1）
- 初识CSS
- CSS指层叠样式表（Cascading Style Sheets），样式定义了如何显示HTML元素。
- CSS由选择器和一或多条声明构成，声明由属性和值构成：
/*css的注释长这样*/ h1 {color:red;font-size:10px;}这里h1就是选择器，color(属性):red(值);为一条声明。
- id选择器和class选择器
可以为标有id或class的元素指定样式，这时选择器可为#id值 或.class值。
- 四种引入CSS的方式：
- style属性
放在一个元素中作为style属性，作为内联样式，少用。 - style标签
<style>标签放在头部，定义内部样式表，如：
<head> <style> p {marging-left:10px;} body {background-image:url("image/xx.gif");} </style> </head>
- css link
<link>标签放在头部，链接外部样式表，如：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
- css import
注：多重样式时，遵循优先级：style属性（内联）>style标签（内部）>css link（外部）>浏览器默认样式
3 常见CSS属性：
| 属性 | 用法 |
|---|---|
| font-family | 文本字体 |
| font-size | 文字大小 |
| font-weight | 字体粗细，normal、bold、lighter等 |
| color | |
| background-color | 元素的背景颜色 |
| margin | 元素的边距，4个值(上右下左)、3个值(上‘左右’下)、2个值(上下)、1个值(四边) |
| padding | 元素填充距离，同marging差不多，但不能为负值 |
| line-height | 行高，90%、110%等 |
