Html/Css学习总结

Html/Css学习总结

初次接触web技术，有一定的好奇心，对学习html，css等知识也是有一种兴趣。在学习html与css后，对此进行一定的总结。

HTML

Html是一种超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

Html的内容似乎并不难，真正难点在于对html的灵活使用。一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。而html的内容则是由html标签组成，每一个标签的全部又可以称作一个元素。进而，对html的学习，也就变成了对每一个标签的用法的学习。

Html中最基础的两个标签：标题，段落。标题（Heading）是通过 <h1> - <h6> 标签进行定义的。 <h1> 定义最大的标题。 <h6> 定义最小的标题。段落是通过 <p> 标签定义的。在html中利用经常利用这两个标签来表示一些文本内容。又有一个特别重要的标签：超链接。HTML使用标签 <a> 来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。超链接是将万物网连接的关键。

Html的属性，HTML 元素可以设置属性属性可以在元素中添加附加信息属性一般描述于开始标签属性总是以名称/值对的形式出现，比如：name=“value”。元素的属性使得元素更加多样化。

总之，html更像是一个框架用于构建网页基本结构的，就像建房子，html就相当于是地基，而房屋的装饰则是交给css来处理了。

CSS

Css是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。他解决了html内容与表现分离的问题。

对于css的学习，相对于html来说要复杂得多。制作一个漂亮的网页，大部分功劳来自于css。对css的灵活使用程度决定了学习的深入程度。

Css选择器是学习的一个重点，如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。而这两种选择器class用得更为广泛。在选择器中，可以对任意的元素进行装饰，从颜色，尺寸，定位等方面对元素进行修饰。进而达到美化网页界面的效果。

Css的另外一个学习重点是盒子模型。可以把每一个元素看做是一个盒子，盒子所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。通过设置盒子边距，填充等的尺寸，可以做出一个适合浏览器的盒子放在网页里。使得页面更加美观。

总结

总之，css就像是装修房子的一样。一个网页的制作html与css相辅相成，缺一不可。学习这两门语言的语法内容并不难，难点在于你对网页的设计的想象力。能够灵活的运用所学的内容制作一个精美的网页才是学有所成。