html和css基础

此文章来源于黑马论坛社区：http://bbs.itheima.com/thread-431759-1-6.html

黑马前台开发案基础班，所学内容主要是html和css基础，两者能狗写出简单的静态页面，例如京东和淘宝的基本页面。

web前台也可以了解为网页，网页是由文字，图像和超链接等元素构成，当然也还有网页中的音频和视频以及flash等。网页中的web有三大标准，即：结构、体现、行为。web标准主要是让页面书写更为标准 ，更为统一。网页的书写需要借助于html的框架结构进行。

html指的是超文本标记语言（hyper text markup languge）是用来形容网页的一种语言。但不是一种编辑语言。可以对网页的文本内容进行简单的段落和排版进行应用。使得网页更具语义化。但是html有很多局限性，只关注内容的语义化，不能给网页添加更多色彩效果。所以就需要用到css。 CSS(Cascading Style Sheets) ，通常称为CSS样式表或者层叠样式表（级联样式表），他的作用- 主要用于设置 HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。

– CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。

css分为三种不同的样式，即行内式、内部样式、外部样式三种。行内样式：称行内样式、行间样式，是通过标签的style属性来设置元素的样式

。但缺点是没有实现样式和结构相分离。内部样式：称内嵌式，是将css代码集中写在html文档的head头部标签中，并且用style标签定义。尽管你实现了样式和结构分离，但是没有彻底分离。我外部样式表：称链接式，是将所有的样式放在一个或者多个以css为扩展名的外部样式表文件中。通过link标签将外部样式表文件链接到html文档中。实现了样式和结构相分离。