CSS基础知识1（传智播客笔记）

CSS（Cascading Style Sheets） 层叠样式表

用于设置HTML页面中的文本内容（字体、大小、对齐方式）、图片的外形（宽高、边框样式、边距）

HTML和CSS的关系：

HTML：页面结构

CSS：页面样式表现

JavaScript：交互行为

所有的html标签都有默认的样式，成为浏览器样式或者默认样式

引入css方式：

1、行内样式，通过标签中的style属性来达到控制标签的样式的效果（不推荐使用）

2、内嵌样式：在head标签当中嵌套style标签，在style标签中可以书写css样式（不推荐使用）

style变迁中有一个数显type属性，默认值是text/css,可以省略

3、外联c样式：使用link标签（推荐使用）

4、导入样式： @import（不推荐使用）

CSS语法：

选择符

属性声明

括号

换行不敏感、空格不敏感

例子：

<span style="white-space:pre"></span>div { color: red; }

p { font-size: 14px; color: blue; 

h1 {width: 20px;height: 200px;}

CSS简单属性：

width: 设置宽度，单位px像素

height: 高度

color: 字体颜色

background-color: 背景色

font_size: 字体大小

CSS注释不能嵌套