个人网站样式表

这是一个个人网站的样式表。它包含了一些基本的HTML元素和CSS样式,以帮助你设计一个美观、易用的个人网站。

HTML元素

这个样式表中包含了一些常用的HTML元素,如:

  • html: 整个网页的根元素。
  • body: 网页的主体内容区域。
  • ol: 有序列表。
  • dl: 定义列表。
  • dd: 定义描述。
  • dt: 定义术语。
  • p: 段落。
  • h1 - h6: 标题(包括一级、二级等)。
  • form: 表单元素。
  • img: 图像元素。

CSS样式

这个样式表中包含了一些基本的CSS样式,以帮助你调整网页的布局和外观,例如:

  • img { margin: 0; padding: 0; }: 将所有图像元素的外边距和内边距都设置为0,以清除默认的间距和填充。
  • img { border: none; }: 将所有图像元素的边框设置为无,以去除默认的边框。
  • body { color: #333; font: 12px/20px "Microsoft Yahei", "Simsun", "Arial", sans-serif; background-color: #fff; }: 设置网页的字体、颜色、背景色等基本样式。
  • .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }.clearfix { zoom: 1; }以及.clearit { clear: both; height: 0; font-size: 0; overflow: hidden; }是为了清除浮动,确保页面布局的正确显示。
  • a, a:linka:visited是设置链接的颜色和未访问时的样式,以提高用户体验。

以上就是这个个人网站的样式表的基本介绍,它可以帮助你快速构建一个美观且功能齐全的个人网站。