HTML/CSS学习总结

哈喽,各位新年快乐呀!今天是2019年的第一天,在这里祝愿大家新的一年能够身体健康、事事顺利,同时希望自己能够在新的一年里完成自己当初所定下的目标。


言归正传,很高兴我并没有经过多久继续更新博客,上一次发博还是在一周前的平安夜。在这一周的闲余时间里我抓紧时间学习,在W3School中文站把HTML/HTML5和CSS/CSS3的基础耐心地过了一遍,期间也完成了一些实例和测验,由于存在以往自身在其它领域的编程经验,算是在Web前端的路上刚正式入门(说不定只是敲了个门)吧。

在此,我打算把这周的学习感想记录下来,做个简单的总结和归纳。

HTML

H5标志

HTML,中文全称“超文本标记语言”,这是一种用来作为网页内容结构的语言,跟C、JAVA之类的编程语言不同,这是一门标记语言,简单来说就是用来搭建网页的基本架构,它决定了网页呈现了怎样的结构以及有什么内容,那么网页内容应该以怎样的方式呈现(颜色、尺寸,位置等)以及网页的内容怎样动态变化(交互细节),应该是分别由CSS和JavaScript来完成的。

如今,HTML的标准已经发展到最新的HTML5,这相较于普通的HTML4又新增了更多的新标签和属性,以方便前端开发者更方便地开发出好看易用的网页。

那么,HTML究竟有什么内容,我自己大致总结为下面这些:

  • <!DOCTYPE>,即文档类型声明(DTD),详情参考;
  • 标签,例如<body>、<div>、<a>等;
  • 属性,例如id、class、title等,另外事件也是一种标签的属性;
  • 嵌套,我觉得HTML的强大之处是它具有标签可嵌套的特性;

 

CSS

          CSS3

CSS,中文全称“层叠样式表”,这是一种用来解决HTML结构内容与表现耦合的方式,有了CSS就可以把HTML里面各个部分的细节如何呈现单独独立到一个样式表(.css文件)中,而这个样式表可以为多个页面所共享复用。

CSS版本已经来到最新的CSS3,CSS3相比CSS2添加了更多的动画效果属性等。

CSS的主要组成部分:

  • 选择器,分别有后代、ID、类、属性选择器
  • 样式声明,包含背景、文本、字体、链接、列表、表格等
  • 盒子模型
  • 定位(相对,绝对,浮动)

好吧,今天就总结到这里,后面根据情况再补充。


版权声明:本文为weixin_44247959原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。