菜鸟学html5与css3(1)

本文介绍了HTML5和CSS3的基础知识,将网页制作比喻为Word排版,并强调它们是内容和样式的规范。文章详细讲解了网页的构成部分,包括文本内容、文件引用和标记,以及网页的必要元素如DOCTYPE、html、head和body。此外,还阐述了HTML中的标签和元素概念,指出网页实际上是由标签组成的,标签通常成对出现,但也存在单个标签的情况。
摘要由CSDN通过智能技术生成

HTML5与CSS3简介

首先HTML是一种标记的语言,而html5是最新版的语言。我们可以把网页的制作理解为word里面内容的排版(其实很相似),你现在随便打开网页所看到的内容无外乎文字、图片以及点一下就会跳转的其他页面的链接。但你在制作网页的时候又不可能完全像写word一样自己打字和插入图片,因为别人访问网页需要用到浏览器。这个时候就要用到html5和css3(因为我们学习的是最新的html5与css3,所以之后都会用这两个名字代指这门语言),与其说是语言不如说是规范,html5规定了内容而css3规定样式。

ps:新手学习推荐《HTML5与CSS3基础教程》第8版,貌似也没有更多的选择了。如果有一定的计算机基础的话学起来很快。

接下来会先梳理HTML5的知识点

网页的构造块

网页包含三部分

  • 文本内容:很好理解
  • 对其他文件的引用:之前说了随便打开网页有视频和图片等,但这些都不是直接保存在网页上的,他们有各自的存储地址,网页里面需要有相应的引用
  • 标记:简而言之就是对网页上的不同内容进行分类标记来让浏览器知道这些内容是什么
  • 以上三者是从一个网页制作者的角度去看网页所包含的东西,我们要脱离使用者的视角

必须包含的东西

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个方便的生成器,为您的所有CSS3需要从浏览器内部。 CSS3 Generator是一个方便的扩展,它将创建CSS所需的代码。 当前,它会为以下CSS3属性生成跨浏览器的代码(尽可能):-文本阴影-新建,现在可以添加多个阴影-十六进制/ RGBA-变换-边框半径-框阴影-新建,现在可以包含多个阴影添加-新功能,可以将框阴影设置为嵌入-列-渐变-线性-径向-条纹(新!)-箭头(用于工具提示等)随着标准的变化和重新安排。 每个部分都有方便的滑块(如果适用),可以为每个CSS属性和渐变选择所需的值,您可以快速轻松地添加和删除色标以创建理想的渐变! 剩下要做的就是将生成的代码复制到CSS中,您就完成了! 如果您希望添加CSS3功能,请发送一些反馈。 如果有任何问题或发现错误,则有一个支持站点。 最新更改-------------- v 1.0.5 ------------修复了Chrome中的一个错误,该错误表示更改事件不会触发滑块。 添加了一个修复程序,以便现在所有滑块都可以实时实时更新。 v 1.0.4 ------------令人讨厌的是,Chrome中发生了一些更改,这意味着更改值不会在滑块值更改时触发,而是在mouseup事件触发时触发。 滑块将更新值,但仅在您放开鼠标时才会更新。 -更新了RGBa <->转换器,以便RGB值更新十六进制。 CSS即将发生变化,可能会发现不透明度作为十六进制值中额外的两个字符而添加。 如果有任何释放,我会进行更新。 -还将RGBa的alpha部分添加到示例颜色。 现在,当您向颜色添加更多的alpha(不透明度)时,它将消失。 -现在可以将框阴影设置为插图。 -修正了一些错误并进行了优化。 v 1.0.3 ------------在“渐变”选项卡下添加了条纹渐变-添加了对多个文本阴影的支持-和不透明度-添加了对多个框阴影的支持-和不透明度v 1.0.2- ---------修复了过渡的颜色部分不起作用或保存给定选项的问题。 -更改了十六进制和RGBa标题,以表明它们是v.0.1的可互换转换-----------现在,通过代码优化,一切都应该变得更加流畅。 -添加了带有三个子标签的“过渡”标签。 -位置:对顶部,右侧,底部和左侧位置进行动画处理。 -边缘:对边缘(边距,填充等)进行动画处理。 -颜色:对各种颜色(背景,边框等)进行动画处理。 -缓动:设置缓动选项(包括自定义贝塞尔曲线!)。 -添加了带有两个子选项卡的滤镜选项卡-主滤镜:不需要一堆选项的滤镜集-投影:需要一些选项,因此放在单独的选项卡中-现在将变换,边界半径和框阴影移到了自己的选项卡称为Box Model,以节省空间和简洁。 -开始为某些CSS3属性添加一些信息/帮助指南。 -修复了一些错误,尤其是某些选项卡无法正常工作的地方。 -一些代码修复和优化。 花太多时间看代码会导致错误代码。 支持语言:English (UK)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值