JavaWeb——css

1.CSS概述

在CSS技术诞生之前,页面上定义结构和显示效果的代码耦合在一起,开发和维护都非常繁琐。
为了将显示效果设置从HTML代码中抽离出来,并提供更强大的表现力,W3C组织制定了CSS标准——Cascading Style Sheet 层叠样式表。

2.CSS编写位置

(1)内部
标签的style属性中

落霞与孤鹜齐飞,秋水共长天一色

写到style标签中 (2)外部 写在外部的css文件中,然后通过link标签引入外部的css文件 提示:注意优先级

3.基本语法

选择器 {声明1;声明2}

选择器 {
样式名1:样式值1;
样式名2:样式值2;
}

4.选择器

(1)元素选择器
标签名
例子:
p{}
a{}
h1{}

(2) id选择器
#id

(3)类选择器
.class

(4)选择器分组
可以同时使用多个选择器
选择器1,选择器2,选择器N{}
*注意优先级

5.声明

声明格式:样式名1:样式值1;
在这里插入图片描述

6.常用样式

字体颜色 color
宽度 width
高度 height
背景颜色 background-color

7.颜色

在CSS中我们使用RGB值来表示颜色。
RGB值可以写成一个三组两位十六进制数字,这个数字要求以#号开头
还可以用英文表示

8.css选择器案例

(1)JavaWeb——css_第1张图片

(2)JavaWeb——css_第2张图片

(3)JavaWeb——css_第3张图片

(4)JavaWeb——css_第4张图片

css颜色案例

JavaWeb——css_第5张图片

你可能感兴趣的:(JavaWeb——css)