page contents

HTML5新增标签以及CSS3新增属性

一、HTML5新增标签   二、CSS3新增属性 CSS3被划分为模块,最重要的几个模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面 --选择器 --框模型 --...

attachments-2021-07-Z7h7JWI760e27e95a67c7.png

一、HTML5新增标签

attachments-2021-07-WEnyM5lJ60e27e8af244d.png 

二、CSS3新增属性

CSS3被划分为模块,最重要的几个模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面

--选择器

--框模型

--背景和边框 

border-radius、box-shadow、border-image、 

background-size:规定背景图片的尺寸 

background-origin:规定背景图片的定位区域 

background-clip:规定背景的绘制区域

--文本效果(常用) 

text-shadow:设置文字阴影 

word-wrap:强制换行 

word-break 

css3提出@font-face规则,规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

--2/3D转换 

transform:向元素应用2/3D转换 

transition:过渡

--动画

--@keyframes规则: 

animation、animation-name、animation-duration等

--用户界面(常用) 

box-sizing、resize 

CSS3新增伪类 

:nth-child() 

:nth-last-child() 

:only-child 

:last-child 

:nth-of-type() 

:only-of-type() 

:empty 

:target 这个伪类允许我们选择基于URL的元素,如果这个元素有一个识别器(比如跟着一个#),那么:target会对使用这个ID识别器的元素增加样式。 

:enabled 

:disabled 

:checked 

:not

另附一些HTML5不再支持的标签:

1、acronym(建议abbr) : 定义首字母缩写

2、applet(建议object):  定义 applet

3、basefont(使用css控制)

4、big(使用css控制) :定义大号文本

5、center(使用css控制): 定义居中的文本

6、font(使用css控制)

7、strike(使用del) :定义加删除线的文本

8、tt(使用css控制): 定义打字机文本。

9、u(使用css控制) :定义下划线文本

10、frame(建议iframe): 定义子窗口(框架)。

11、frameset :定义框架的集

12、noframes  :定义 noframe 部分

13、dir :定义目录列表

14、xmp:定义预格式文本

15、isindex:定义单行的输入域

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群:805358732

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-IwNqQxal62ad30c840b07.jpeg

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1470 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章