【HTML/CSS学习】html5和css3新特性
创始人
2024-03-25 07:51:22
0次
1. HTML5新特性
| 新特性 | 解释 |
|---|---|
| 语义化标签 | |
| 视频 | |
| 音频 | |
| 矢量图 | |
| 定义日期和时间 | |
| 高亮的引用文字 | |
| 菜单 | |
| web Storage | sessionStorage、localStorage |
2. CSS3新特性
2.1 css3选择器
| 选择器 | 解释 |
|---|---|
| elem: last-child | 父元素的最后一个子元素elem |
| elem: nth-child(n) | 父元素第n个子元素elem |
| elem: nth-last-child(n) | 父元素的倒数第n个子元素elem |
2.2 边框特性
css3支持圆角边框，多层边框，边框色彩与图片。
border-radius:50% // 可以让方形元素显示为原型
2.3 多背景图
css3允许使用多个属性，如background-image、background-size、background-position、background-origin等在一个元素上添加多层背景图片。
2.4 过渡与动画
- 过渡(transition)：设定该属性可以让元素在某段时间内进行变化，从而实现简单的动画效果。
- 动画(animation)：能够实现更复杂的样式变化以及一些交互效果。
2.5 媒体查询
css3中引入媒体查询(mediaqueries)，可为不同分辨率的设备定义不同的样式。
2.6 阴影
css3阴影分为两种：文本阴影(text-shadow)和盒子阴影(box-shadow)。盒子阴影可以为任何元素添加盒子阴影。
相关内容
热门资讯
前端-session、jwt
目录： （1）session （2&#x...
linux入门---制作进度条
了解缓冲区 我们首先来看看下面的操作： 我们首先创建了一个文件并在这个文件里面添加了...
关于测试，我发现了哪些新大陆
关于测试 平常也只是听说过一些关于测试的术语，但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法
1. 前缀和 假设有一个数组，我们想大量频繁的去访问L到R这个区间的和，...
nodejs：本地安装nvm实...
一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本，node...
JAVA集合知识整理
Java集合知识整理 HashMap相关 HashMap的底层数据结构：jdk1.8之...
无刷直流电机介绍及单片机控制实...
无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2
1.传纸条 AcWing 275. 传纸条 - AcWing 走两条路，走一条最大的...
常用的DOS命令
常用的DOS命令 DOS（Disk Operating System，磁...
＜C++＞ 类和对象(下)
1.const成员函数将const修饰的“成员函数”称之为const成员函数，cons...