2018.6.10

今天完成的事情:

1.复习了以前的知识,css基本语法，常见属性，样式表及选择器

2.复习的进度有点慢,会加快进度

明天计划的事情:

1.css选择器部分继续看完,css的单位，字体属性，文本属性

2.普通流（normal flow）的正常状态,块级元素和内联元素以及浮动

遇到的问题:

选择器的权重问题

不同的选择器在针对同一个标签时产生冲突哪个选择器的权重要高一点

收获:

CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表

1.行内样式

采用style属性。范围只针对此标签适用。

该方式比较灵活，但是对于多个相同标签的同一样式定义比较麻烦，适合局部修改

举个例子

2.内嵌样式表

在head标签中加入<style>标签，对多个标签进行统一修改，范围针对此页面。

该方式可以对单个页面的样式进行统一设置，但对于局部不够灵活。

3.引入外部样式表css文件

引入样式表文件的方式分为两种：

采用<link>标签。例如：<link rel = "stylesheet" type = "text/css" href = "a.css"></link>

采用import，必须写在<style>标签中，并且必须是第一句。例如：@import url(a.css) ;

<link>标签的属性

rel：stylesheet：定义的样式表；alternate stylesheet：候选的样式表

type：规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 "text/css"，该类型描述样式表

href：选择调用的css文件

CSS四种基本选择器&几种扩展选择器：标签选择器、类选择器、ID选择器、通用选择器/后代选择器、交集选择器、并集选择器、伪类选择器