码迷,mamicode.com
首页 > Web开发 > 详细

CSS 简单介绍

时间:2017-12-31 15:29:45      阅读:419      评论:0      收藏:0      [点我收藏+]

标签:文本   ted   round   资源   提高   文件   text   name   art   

一.什么是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>

上面的代码控制文本在一个虚线框中垂直水平居中显示。

 http://www.softwhy.com/article-416-1.html

http://www.softwhy.com/qiduan/css_source/

CSS 简单介绍

标签:文本   ted   round   资源   提高   文件   text   name   art   

原文地址:https://www.cnblogs.com/come-on/p/8157695.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!