JavaWeb之Css学习
一、 Css概念 作用 1、作用:用来控制我们HTML标签的展示样式,使得标签的样式展示的更加丰富,就是用来解耦的 我们学习了CSS以后 尽量不使用 HTML标签自带的属性 全部用CSS 去设置 层叠性:多个多个样式控制一个标签,这几个样式对一个标签同时生效 2、CSS 跟HTML 配合使用的方式 方式1:内联样式: 将CSS 代码写在标签上 所有的标签都会有一个 style属性 我们的CSS代码 就可以写在 style 属性里面 每个CSS样式 写法 属性名:属性值;属性名2:属性值2;属性3:属性值3 举例: 这段文字的样式 内联样式的写法:只能控制单个标签,且书写凌乱,不推荐使用. 3、内部方式:将style属性写在标签内部 常用 4、外联样式:CSS样式写在一个单独文件中 这种方式常用 二、 两个纯净标签介绍 1、div标签 div 标签是一个纯净的块标签 ,所谓的纯净,就是这个标签,不带有任何样式(没有宽高,没有背景等) 块标签:这个标签会默认占据一行 行标签:不会占据一行 <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- div 标签是一个纯净的块标签,所谓的纯净,就是这个标签,不带有任何样式(没有宽高,没有背景等) 块标签:这个标签会默认占据一行 行标签:不会占据一行 --