2020-03-22

笔记

CSS

一、css简述

1、css是什么 ？ 有什么作用

  HTML--页面结构，人的面部

CSS--美化页面，给人化妆

2、css：层叠样式表

层叠：一层一层叠加的

样式表：存储样式的地方，多个样式

给一个人的面部化妆：画口红，画眼影，打粉底

HTML标签                   样式1     样式2     样式3

css通常称为css样式或叠层样式表，主要用途设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）、一级版面的布局等外观显示样式

CSS可以使用HTML页面更加好看，css+div布局更加灵活，更容易绘制出用户需要的结构

3、css作用：修饰HTML页面，更丰富多彩地展示超文本信息

二、CSS入门案例

1、创建一个HTML文件

              <> 015.CSS简述.html

2、在HTML上创建一个字体标签

现在的年轻人 钱没赚几个 犒劳自己的理由却贼多

3、字体标签中新增一个style属性，并修改style属性值

现在的年轻人 钱没赚几个 犒劳自己的理由却贼多

三、为什么使用CSS代替HTML属性设置样式

           因为HTML属性在单独使用时有一定的局限性，所以要配置css样式代码才可以展示更为丰富的效果

四、CSS的代码规范

1、放置规范

       （1）在标签方式：当某些样式在页面中被多个标签重复使用，同意写入到style标签中

格式：

使用环境：适合页面中进行样式复用

外部样式

链入式： .css为扩展名的外部样式表文件中，通过引入

格式：

rel="stylesheet" ：固定值，表示样式表

type="text/css" ：固定值，表示CSS类型

href="css文件路径" ： 表示CSS文件位置

使用范围：不同页面进行样式复用

作业

1 palte   2   bento   3   #fancy   4   place apple   5   #fancy pickle 6  .small