HTML与CSS学习前置概要

HTML与CSS学习前置概要
0

本文是Web前端开发学习笔记系列的前置篇章,可以初步了解Web前端开发中最为基本的两种计算机语言——HTML和CSS。

HTML

%E5%9B%BE%E7%89%87

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

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

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

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

CSS

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

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

  CSS 的主要组成部分:

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

下一篇: HTML学习篇(一)

3赞

定位是最常见也是最容易出样式错乱的,分情况使用哈

2赞