JavaWeb——CSS技术

CSS

    • css语法规则
    • css与HTML结合使用
    • css的选择器
      • 标签名选择器
      • id选择器
      • class类型选择器
      • 组合选择器

css 是层叠样式表单,是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

css语法规则

css的语法规则是:
选择器{属性:值;
属性:值}

选择器 :浏览器根据选择器决定受css样式影响的HTML元素。
属性:是要改变的样式名,并且每个属性都有一个值。

css的注释和java里的多行注释一样

css与HTML结合使用

方法1:在head标签里加入style标签
JavaWeb——CSS技术_第1张图片
但是这种方式只能在同一个页面内复用,不能在多个页面复用css代码。维护起来太麻烦。

方法2:把css样式写成一个css文件,使用link标签将css文件引入需要的网页。

JavaWeb——CSS技术_第2张图片
这是css文件里的内容
JavaWeb——CSS技术_第3张图片
这是使用link代码引入css样式。

css的选择器

标签名选择器

标签名{属性:值}

id选择器

格式: #id 属性{属性:值;}
JavaWeb——CSS技术_第4张图片
这是id选择器内容
JavaWeb——CSS技术_第5张图片
这是使用id选择器。
在这里插入图片描述
注意这是错误用法,id选择器只能一个标签使用!!如果多个标签要使用同种样式就要使用下面的class选择器。

class类型选择器

格式: .class属性值{属性:值;}
JavaWeb——CSS技术_第6张图片
这是class选择器
JavaWeb——CSS技术_第7张图片
class选择器就可以多个标签使用。

组合选择器

格式: 选择器1,选择器2,选择器3{属性:值;}
JavaWeb——CSS技术_第8张图片
这是组合选择器的使用。

你可能感兴趣的:(JavaWeb学习)