JavaWeb——CSS技术

本文深入讲解CSS层叠样式表的基本概念、语法规则及其与HTML的结合方式。介绍选择器如标签名、ID、Class及组合选择器的使用方法,帮助读者掌握网页样式设计的核心技能。


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

css语法规则

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

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

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

css与HTML结合使用

方法1:在head标签里加入style标签
在这里插入图片描述
但是这种方式只能在同一个页面内复用,不能在多个页面复用css代码。维护起来太麻烦。

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

在这里插入图片描述
这是css文件里的内容
在这里插入图片描述
这是使用link代码引入css样式。

css的选择器

标签名选择器

标签名{属性:值}

id选择器

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

class类型选择器

格式: .class属性值{属性:值;}
在这里插入图片描述
这是class选择器
在这里插入图片描述
class选择器就可以多个标签使用。

组合选择器

格式: 选择器1,选择器2,选择器3{属性:值;}
在这里插入图片描述
这是组合选择器的使用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值