学习CSS3游戏介绍、CSS3样式和优先级
2021-06-04 16:03
标签：变形 动态 背景 html5+ 特效 div 直接 应用 VID 通过学习CSS3游戏介绍、CSS3样式和优先级,了解到html5+css3+js不光可以实现动画，其次可以往这个游戏与建模方向发展，更多css3特效访问Gerard Ferrandez on CodePen其次html嵌套css样式分为3种：内联、内部、外部、写法上推荐的是外部，便于代码复用性；样式表的写法是选择器{设置样式}；css中常见的注释为/**/；css的优先级：内联style>id选择器>class选择器>标签；在css中，文本默认字体大小16px，长度单位分为px与em；除此之外，颜色写法形式如下：#ffff16进制、yellow英文单词、rgb(216, 17, 173)其中当#ff0000可以简写为#f00,闲话不多扯，直接代码展示： 学习CSS3游戏介绍、CSS3样式和优先级 标签：变形 动态 背景 html5+ 特效 div 直接 应用 VID 原文地址：https://www.cnblogs.com/dhnblog/p/12340030.html 1 DOCTYPE html>
2 html lang="en">
3 head>
4 meta charset="UTF-8">
5 meta name="viewport" content="width=device-width, initial-scale=1.0">
6 title>学习CSS3游戏介绍、CSS3样式和优先级title>
7 link rel="stylesheet" href="demo.css">
8 style type="text/css">
9 div{
10 color: aqua;
11 }/*css内部*//*css注释标记*/
12 img{
13 /* width: 256px;
14 height: 256px; */
15 border-radius: 256px;
16 background-color: #ccc;
17 }
18 .divcls{
19 color: blue;
20 }
21 #divdid{
22 color: brown;
23 }
24 /* css优先级如何:1.内联style2.id选择器3.class选择器4.标签 */
25 style>
26 head>
27 body>
28
29
30 div style="color: rgb(216, 17, 173);" class="divcls" id="divid">css3和css有什么区别？首先css3是css（层叠样式表）技术的升级版本，em style="font-style: normal;font-size: 14px;">而css是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。然后是内容上css3主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。em> 而css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。最后在特点上css3新特征有很多，例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。css主要能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。（更多详情参考下百度官方给出的介绍：css css3)div>
31 img src="images/xs.png" alt="">
32 body>
33 html>
上一篇：linux 安装nodejs
下一篇：webpack