首页 > > 网页制作 > css >

CSS 简单介绍

2018-06-24 02:10:04来源：未知阅读 ()

一.什么是CSS：

CSS是Cascading Style Sheets的缩写，通常为级联样式表。

CSS已经是网络不可或缺的元素，为浏览者呈现五彩缤纷的页面效果起到了重要作用。

CSS是一种标记语言，不需要进行编译，直接就可以在浏览器中执行。

二.使用CSS的优势：

（1）.能够极大提高代码的简洁度：

在大型的页面中显现的尤为突出，通过引入外部样式表可以有效的减小页面体积，不但能够节省一定的带宽资源，也能够提高关键词和有效代码的比重，对搜索引擎优化有着巨大的作用。

（2）.便于网页的改版：

使用css可以有效的控制网页的显示效果。这要比使用html元素自带的属性更加方便，比较突出的一点就是便于网页的后期改版，因为只要修改样式表中的css代码即可，而不是直接修改html元素的中的属性。

（3）.使用css可以实现精准控制:

html元素自带的属性虽然可以在一定程度上控制外观，但通常比较粗糙，使用css则会更加精准。

三.CSS的使用方式：

（1）.内联样式，直接在html元素内部使用。

（2）.内部样式表，在头部<head></head>标签内部定义。

（3）.引入外部样式表，将一个独立的CSS样式表文件引入当前页面。

以上三种方式会在一下的章节介绍。

简单实例:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div {
  width:100px;
  height:50px;
  line-height:50px;
  border:1px dotted red;
  text-align:center;
  color: #000;
  font-size: 12px;
 
}
</style>
</head>
<body>
<div>蚂蚁部落欢迎您</div>
</body>
</html>