TEL:400-8793-956
当前位置:网站讲堂

关于HTML5 和 CSS3

提问者: 近期获赞: 浏览人数: 发布时间:2021-08-09 09:38:21

 我们正在准备品牌重塑,其中一部分将包括一个新网站,因此我们正在研究 HTML5 和 CSS3 等最新技术。我什至无法开始描述某些规范是多么令人兴奋。现在我知道 CSS3 已经出来一段时间了,但直到现在我们才开始研究,更不用说实现了。迟到总比不到好,对吗?以下是 HTML5 和 CSS3 的一些值得注意的规范。

 
CSS3
 
:not 允许您选择选择器以外的元素,例如 *:not(p) 将选择除 p 标签之外的每个元素。通常类似的东西会保留给 jQuery,但现在不会了
:target 与锚点结合使用以显示焦点。我之前在这篇文章中写过关于它的博客。顺便说一句,现在考虑一下,我可能应该在单击问题和转到答案之间进行更平稳的过渡。另外,我可以使用下面描述的 CSS3 选择器,而不是添加“问题”和“答案”类
:nth-child 根据元素的位置选择元素。它可以接受整数来获取元素的指定出现次数,可以接受公式来获取第三个或第四个元素,或者只是“偶数”或“奇数”。因此,我可以在 css 中使用 li:nth-child(odd) 和 li:nth-child(even),而不是向其他每个 <li> 添加类。
CSS3 的另外两个很好的规范是 + 和 ~ 兄弟选择器。例如,如果在每个页面上都有一个 <h2> 作为标题,然后是 <h3> 副标题,并且您希望 <h3> 副标题的样式与内容中的其他 <h3> 不同,请使用 h2 + h3 作为您的选择器。这会找到每个 h2,然后如果有任何 h3 紧跟在 h2 之后,则为 h3 设置样式。~ 是 + 的更通用版本 - 兄弟姐妹不必立即跟随。
HTML5
 
我相信我们现在已经知道 <audio>、<video> 和 <canvas>。我最兴奋的是语义 <header>、<footer>、<nav> 等标签。我一般喜欢语义标记。
此外,输入元素的所有不同添加都非常可爱。“占位符”属性,所以没有更多的javascript水印;“必需”属性,因此不再需要 javascript 验证;类型属性的附加值,如“email”、“url”和“tel”。所有这些变化都将使我们的Web 开发更容易、更快捷。
上一篇: 你和谷歌如何使用他们的拒绝链接工具来对抗垃圾邮件
下一篇: 在开始您的网页设计项目之前要问的 4 个问题