2020-03-09

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文件

[if !vml]

[endif]

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

[if !vml]

[endif]

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

[if !vml]

[endif]


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

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


四、CSS的代码规范

1、放置规范

(1)在标签方式:当某些样式在页面中被多个标签重复使用,统一写入到style标签中

格式: