css(简单版)

1.css引入方式

• 行内样式：<h1 style="...">
• 内嵌样式：<style>.....</style>
• 外联样式：xxx.css                <link  href="...">

2.颜色表示

• 关键字：red,green...
• rgb表示法：rgb(255,0,0)、rgb(134,100,89)
• 十六进制：#ff0000、#cccccc、#ccc

3.属性 

• width：设置宽度
• height：设置高度
• border：设置边框的属性
• padding：内边距
• margin：外边距（注意设置某一个方位的边框，内外边距，可以在属性名后加上位置，如：padding-top,padding-left）
• color：设置文本内容的颜色
• font-size：字体大小（记得加px）
• text-decoration：规定添加到文本的修饰，none表示定义标准的文本
• line-height：设置行高
• text-indent：定义第一个行内容的缩进
• text-align：规定元素中的文本的水平对齐方式

 4.css选择器

• 元素选择器：标签名{...}
• id选择器：#id属性值{...}
• 类选择器：.class属性值{...}
• 优先级：id选择器>类选择器>元素选择器

5.css盒子模型

组成：内容（content），内边距(padding)，边框(border)，外边距(margin)