CSS 基础

1.概述

1.1 CSS 全称

层叠样式表(Cascading Style Sheets)

1.2 CSS 出现

CSS 使得内容与表现进行了分离;定义了如何显示HTML元素;通常存储在CSS文件中(可以通过进行引用)

2 CSS 语法规则

CSS 基础_第1张图片
语法规则写法


2.1 基础语法(选择器)

CSS 基础_第2张图片
常用选择器

3.盒子模型

BOX MODEL 规定了元素处理元素内容、内边距、边框和 外边距的方式。


CSS 基础_第3张图片
CSS 框型模式

4.常见样式

文本:color, text-indent(首行文本缩进)

背景:background-color, background-image

边框:border-style, border-color, border-width(边框默认样式不显示)

外边距:margin-top, margin-right, margin-bottom, margin-left(默认全部)

内边距:padding-top, padding-right, padding-bottom, padding-left(默认全部)

宽高:width,height

你可能感兴趣的:(CSS 基础)