千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:太原千锋IT培训  >  行业资讯  >  千锋Web前端培训学员分享HTML5基础知识点

千锋Web前端培训学员分享HTML5基础知识点

来源:千锋教育
发布人:Yolanda
时间: 2019-01-18 16:16:00

  时光流逝,在千锋Web前端培训班已有一个多月,阶段考试来临之前,我满心忐忑,担心自己考不好。不过考试来临,面对笔试题,我笑了,因为这些知识点我都会,机试部分虽然出了点小差错,但结果基本令我满意。其实HTML5说难也不难,说不难也难,关键看自己有没有付出,全身心投入。HTML5很有趣,比如那些动画,页面做出来很炫酷,下面是我总结的部分知识点:

  1、HTML5的基本结构

 

4

  2、文字的设置

  文字大小:font-size(常用字号 12、14、16、18...偶数)

  常用单位:pc端 px Em pt rem 1em=16px; 0.75em=12px; 9pt=12px;

  文字字体:font-family

  如果是中文需要加引号,由一组英文单词组成需要加引号,一个英文单词组成不需要,如果设置多个字体用逗号隔开(一般会设置常用字体:宋体 黑体 微软雅黑)

  文字加粗:font-weight

  文字倾斜:font-style

  文字的行间距:line-height

  可以是具体的倍数(不需要加单位)

  文字颜色:color

  常用六个十六进制数 可以用英文单词 三原色rab(255,0,0) rgba(255,255,0,0.5)a代表透明度取值0-1

  小写字母变成小型的大写字母:font-variant

  复合式写法:font:style variant weight size/line-height family

  3、HTML5新增语义化标签

  1.header 定义页面的头部

  2.footer 定义页面的尾部

  3.nav 定义页面的导航部分

  4.section 定义页面的某个区域(类似于div划分版块功能)

  5.aside 定义页面的侧边栏

  6.article 定义页面中的一篇文章

  7.hgroup 对页面中的一些标题进行组合

  8.figure 对页面中的某些元素进行组合

  9.figcaption 定义figure元素的标题

  10.dialog 定义一个对话框(类似微信)

  4、动画效果、弹性布局、移动端、pc端、兼容、媒体查询等等

  一阶段主要学习的是HTML5+CSS3的基本结构语法,学会了编写PC端网页和移动端网页,当通过代码把网页呈现出来时,是比较有成就感的,如此也找到了学习HTML5的乐趣所在。虽然每天都在机械般的重复着相同的事,但我却是无比的充实,每天都有满满的安排,每天都能学到很多新知识。周围的同学也都很刻苦很努力,相信五个月后对自己会有很大的提升!

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

女孩子适合学it吗?适合哪些专业

2023-02-16

现在学it有前途吗?需不需要培训

2023-02-14

前端开发的未来发展如何?

2020-02-12

最新文章NEW

程序员需要什么条件?有就业目标就好

2023-02-20

学前端要学多久?学完之后好就业吗

2023-02-16

太原it培训班大概需要多少钱?要培训多久

2023-02-14

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>