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

你可能感兴趣的:(2020-03-22)