JavaEE——CSS3样式表

本文介绍了CSS3的基本概念和模块化发展,强调了其向后兼容性。通过三种样式声明方式的示例,展示了如何在HTML中应用CSS。详细讲解了各种选择器的用法,包括element选择器、.class选择器、#id选择器、*选择器、组合选择器等,强调了.id与.class选择器的区别及其正确使用规范。
摘要由CSDN通过智能技术生成

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

CSS3简介:

CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。
CSS3完全向后兼容,所以没有必要修改的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。CSS3主要的影响是将可以使用新的可用的选择器和属性,这些会允许实现新的设计效果(譬如动态和渐变),而且可以很简单的设计出现在的设计效果(比如说使用分栏)。

image

样式在HTML中的书写方式:
样式有三种书写方式,第一种是直接在style属性上写,style里有很多的样式子属性,不同的字属性使用分号分开,示例:

image

运行结果:

image

这种写法适合用于个别标签需要单独样式的情况下,如果好几个标签都需要同样的样式的话,使用这种写法就会导致很多重复的代码,不利于网页的优化,所以第二种写法就是在< style >标签里声明样式属性,之后只要是该样式里定义的标签就会统一使用< style >里声明的样式,示例:

image

运行结果:

image

第三种写法是在css文件里声明样式,这种方式好处是可以共享更多的网页,因为只需要使用< link >标签引用这个文件就可以使用文件里声明的样式了。示例:
创建一个后缀为. css的文件,将样式属性的声明写在文件里:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值