一.什么是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/
原文地址：https://www.cnblogs.com/come-on/p/8157695.html
时间： 2024-11-13 09:10:59