javaweb学习02

1、其他标签

（1）<div>默认独占一行

（2）<span>长度等于封装数据的长度

（3）<p>段落标签，默认会在段落的上方或下方各空出一行来（如果已有就不再空）

2、CSS

（1）CSS是层叠样式表单，用于增强控制网页样式信息与网页内容分离的一种标记性语言

（2）格式：p{font-size:80px;}

p是指选择器，font-size是属性，80px是值，中间用冒号隔开，不同声明时每个声明结尾记得用“；”隔开，一般每行只描述一个属性

（3）注释格式：/*注释内容*/

3、CSS和HTML的结合方式

（1）在标签的style属性上设置“key:value value”（即键值对），修改标签样式

  该方法的缺点是：可读性差，代码复用性弱，代码量庞大

（2）在head标签中，使用style标签定义所需css样式

 该方法的缺点是：只能在同一页面进行维护，无法实现多页面的复用

（3）把css样式写成单独的css文件，再通过link标签引入即可复用

 3.css文件

4、标签名选择器

（1）格式：标签名{

                        属性：值；

                     }

（2）作用：可以决定哪些标签被动的选择这个样式

5、id选择器

（1）格式：#id 属性值{

        属性:值;

}

（2）作用：可以让我们通过id属性选择性去用这个样式

6、class选择器（类选择器）

格式：.class 属性值{

                        属性：值；

                    }

7、组合选择器

格式：选择器1，选择器2，选择器n{

        属性：值；

}

组合选择器可以让多个选择器共用同一个css样式代码

8、css的常用样式：